如何修改Laravel DataTables中<th>标签的自动生成提示框文本

直接用Yajra DataTables提供的attr配置项给表头<th>元素设置自定义title属性就能搞定，这是最直接的方案：

修改你的列配置数组，添加attr字段指定提示文本：

[
    'name' => 'remind_me',
    'title' => '<i class="fa fa-envelope"></i>',
    'data' => 'remind_me',
    'attr' => ['title' => 'remind me'] // 新增这行，自定义hover提示文本
]

原理说明 #

DataTables默认会把title配置的内容同时作为表头元素的title属性值，当你的title是HTML代码时，原始HTML就会被当成tooltip文本显示。通过attr配置直接给<th>设置title属性，会覆盖掉这个默认行为，从而显示你想要的纯文本提示。

备选前端方案 #

如果需要在前端动态设置，也可以在DataTables初始化完成后，通过jQuery定位到目标表头修改title：

// 假设你的表格ID是dataTable
$('#dataTable').on('draw.dt', function() {
    // 通过data-name属性定位到目标表头
    $(this).find('th[data-name="remind_me"]').attr('title', 'remind me');
});

内容的提问来源于stack exchange，提问作者martintern