javascript - React 中的 DataTables.net - 需要标题列单元格上的工具提示

Question

我在 React 应用程序中使用 datatables.net 表。我想知道如何在“有效 build 年份”列的标题上创建工具提示。

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() 构造函数返回