DataTables.net в React - нужна подсказка для ячейки столбца заголовка

Question

Я использую таблицу datatables.net внутри приложения React. Я хочу знать, как создать всплывающую подсказку в заголовке столбца «Эффективный год постройки».

componentDidMount() {
    this.setupTable(this.props.data);
}

setupTable(data) {

    this.$el = $(this.el);
    this.$el.DataTable(
        {
            alternatingRowStyle: true,
            sort: 'enable'
            data: data,
            "oLanguage": {
                "sSearch": "Search"
            },
            columns: [
                {
                    "title": "Parcel ID",
                    mData: "ParcelID"
                },
                {
                    "title": "Land Value",
                    mData: "TotalLandValue",
                    render: $.fn.dataTable.render.number(',', '', 0, '$')
                },
                {
                    "title": "Effective Year Built",
                    mData: "effectiveyearbuilt"
                }
            ]
        }
    )
}

Я пробовал несколько решений безрезультатно. Кажется, я не могу добавить уникальный идентификатор в эту ячейку? Спасибо за любую помощь.

Answer 1

Если вам нужно присвоить атрибут (id, в вашем случае) вашему узлу заголовка столбца, вы можете сделать это с помощью чего-нибудь, например:

$(dataTable.column(2).header()).attr('id', '/* some id here */');

где dataTable - переменная, возвращаемая DataTable() конструктором

Answer 2

В зависимости от ваших потребностей вы можете извлечь выгоду из пакета типа react-table (реагирующий стол) - я использовал это раньше в проекте, и он работает очень хорошо. Вы можете определить настраиваемые компоненты для рендеринга, которые вы можете просто взять и взять другой пакет react-tooltip (реакция-подсказка) для.

Мне кажется, что работать с конкретными пакетами узлов React немного проще, чем использовать библиотеки JS, где это возможно.