datatables - 如何在数据表单元格上显示工具提示以及如何在工具提示中以表格格式填充数据?
问题描述
下面是我的数据表创建代码。在“显示详细信息”列上,我需要显示一个工具提示。我在下面写了那个单元格,但我面临以下两个问题。
- 渲染函数的值超过了我的单元格的值。因此,“显示详细信息”将被渲染函数的值所取代。
- 我从 ajaxSource 获得的值,我需要在工具提示中以表格格式显示。下面是我的代码:
代码
function testDataTable() {
var columnIndex=$('#columnIndex').val();
var sortBy=$('#sortBy').val();
var resultPerPage=$('#resultPerPage').val();
if(columnIndex=='' || sortBy==''){
resultPerPage=20;
columnIndex=0;
sortBy="desc";
}
testDataTable= $('#testDataTable').dataTable({
"bProcesing" : true,
"bServerSide" : true,
"sort" : "position",
"destroy" : true,
"processing" : true,
"bFilter" : false,
"bLenthChange" : false,
"iDisplayLength" : 4,
"sAjaxSource" : "getRulesDetails.act",
"order" : [ [ columnIndex, sortBy ] ],
"pageLength" : Number(resultPerPage),
"columnDefs": [
{ "orderable": false, "targets":[3, 4] }
],
"aoColumns" : [
{
"mData" : "crId"
},
{
"mData" : "crNo"
},
{
"mData" : "sbNo"
},
{
"mData" : "matchType"
},
{
"mData" : null,
"defaultContent": 'Show Details',
"render": function (data, type, full, meta) {
return '<span data-toggle="tooltip" title="Testing"></span>';
}
}
],
}
} );
}
解决方案
推荐阅读
- node.js - nestjs 替换请求正文中的符号
- javascript - 列表中项目的水平对齐
- ios - 核心数据属性验证的现代方法是什么?键值验证仍然是事实上的方法吗?
- java - PEMParser readObject() 在打开 X509 有效证书时失败
- firebase - 从firestore颤振按时间排序数据的问题
- web-applications - 如何重构和改进我完成的 Web 应用程序?
- html - 颤振飞镖get.http响应给出html而不是json api
- docker - 如何从 git repo 挂载/复制文件夹到服务容器?
- r - R中plot_summs函数中的缩放轴
- r - 根据R中的整数周和年获取天数