2017-02-19 3 views
0

Я хочу создать интерактивную страницу html с данными, которыми я управляю в R. До сих пор я создал диаграмму NVD3 с пакетом rChart и выводил в html через пакет knitr без каких-либо проблем.использовать javascript DataTables в html

Теперь, я хочу создать таблицу с динамическим контентом на этой странице. Я рассматривал варианты его интеграции, такие как табличный шаблон rCharts, пакет DT, но ни один из этих вариантов не обеспечивает гибкости, которую я ищу.

Я нашел именно шаблон, который я ищу на этой странице, так как у него есть собственный модальный дисплей, которого я больше нигде не нашел. https://datatables.net/extensions/responsive/examples/display-types/jqueryui-modal.html. Это обеспечивает Javascript и HTML для инициализации таблицы, но я не знаю, как использовать его с данными R.

У меня есть способ интегрировать эту таблицу через R-пакет + книжник? Может ли блестящий сюиту помочь мне здесь?

Благодарим за помощь.

+0

can u exp посмотрите, какие функции вы ищете, которые не включены здесь: https://rstudio.github.io/DT/. Всплывающие окна? – BigDataScientist

+0

Да, в идеале, мне нужна таблица с функцией группировки строк и всплывающей подсказкой, но шаблон с сайта datatables.net выглядит достаточно хорошо – carlic

ответ

0

Еще раз взгляните на DT. Я использую его все время, и он будет делать то, что вы хотите. Он имеет панель поиска, позволяет вам выбирать количество строк для показа с выпадающим списком, индексировать страницы строк в правом нижнем углу.

Вы можете изменить шрифт, вы можете чередовать белые и тонированные строки, изменять высоту строки, цвета и структуры, которые вы хотите.

Look here to see some of the ways to build in full css styling

Единственное, что я вижу на этой странице, я не уверен, что вы можете сделать, это добавить зеленую точку.

Но эта ссылка в стеках рассказывает вам, как добавить функции hover_over.

hover-over

А вот ссылка на пост, я сделал некоторые хитрости в CSS в качестве примеров:

Changing row-height and drop-down configurations

Вам нужно будет играть с форматированием с помощью CSS и код структура, указанная на странице github, но вы должны быть в состоянии делать то, что хотите, если эта таблица действительно идеальна (за исключением точки, но, вероятно, функция, содержащаяся в точке, доступна с некоторыми работами)

+0

за вашу помощь! У меня все еще есть много вопросов по теме, но я создам для этого выделенное сообщение :) – carlic

Смежные вопросы