datatables.net中的react-插头列单元格上的工具提示

Question

我正在使用React应用程序中的DataTables.net表。我想知道如何在"有效的年度"列的标题上创建一个工具提示。

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"
                }
            ]
        }
    )
}

我尝试了许多解决方案，但无济于事。我似乎也无法将唯一的ID标记到该特定单元格中？感谢您的任何帮助。

Answer 1

如果您需要为列标题节点分配属性（id），则可以使用以下操作来做到这一点，例如：

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

dataTable是一个变量，由DataTable()构造函数返回

Answer 2

根据您的需求，您可能会从诸如react-table（react -table）之类的软件包中受益 - 我以前在项目中使用过它，而且效果很好。您可以定义自定义渲染组件 - 您可以去抓住另一个软件包react-tooltip（react -tooltip）。

我发现，与React特定节点软件包一起使用，而不是在可能的情况下拉动JS库。