我正在使用datatables插件,我的bootstrap开关有问题.这是我的javascript代码,我使用从ajax调用中检索的值创建一个开关:
$(document).ready(function() {
if ( ! $.fn.DataTable.isDataTable( '#usersTable' ) ) {
userTable = $('#usersTable').DataTable({
responsive: true,
//fix problem with responsive table
"autoWidth": false,
"ajax": "table",
"columns": [
{ "data": "username" },
{ data: "enabled", render: function ( data, type, row ) {
if (data) {
return '<input data="username" type="checkbox" name="my-checkbox" checked>';
}
else {
return '<input data="username" type="checkbox" name="my-checkbox">';
}
}
},
{ "data": "role.role"},
{ "data": "clientVersion.name" },
{
data: null,
className: "center",
defaultContent: '<button …
Run Code Online (Sandbox Code Playgroud) javascript jquery datatables twitter-bootstrap bootstrap-switch
我正在使用 table2excel 将由 jQuery DataTables 支持的数据表导出到 Excel。我可以将数据导出到 Excel,但无法导出带有标题的表格。
这是我的代码
$('#btn-export').on('click', function () {
$('<table>').append(table.$('tr').clone()).table2excel({
exclude: "",
name: "EmailTracking",
filename: "EmailTracking" //do not include extension
});
});
Run Code Online (Sandbox Code Playgroud)
这是我的 HTML:
<table id="userGrid" class="table table-striped table-bordered dt-responsive nowrap " cellspacing="0" width="100%">
<thead>
<tr>
<th>User</th>
<th>Subject</th>
<th>Sent On</th>
<th>To</th>
<th>Cc</th>
<th>Bcc</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
Run Code Online (Sandbox Code Playgroud) 我从服务器得到的是一个父对象列表,每个父对象由零个或多个子对象组成。有点像下面这样
var data = [{
"Id" : 1,
"permissionValue" : 7,
"child" : { //only one child object for simplicity
"Id" :2,
"permissionValue" : 7
}
}];
Run Code Online (Sandbox Code Playgroud)
我想将此数据加载到 jQuery 数据表中。实现一个 rowCallback 函数(添加一些 CSS 类),如下所示:
tableOptions.rowCallBack = function(row,data,index){
var api = this.api();
api.rows.add(data.child).draw(); //not sure whether draw is necessary
};
tableOptions.data = data;
that.dataTable = $("#dataTable").DataTable(tableOptions);
Run Code Online (Sandbox Code Playgroud)
不出所料,只有父对象会加载。我明白这不是数据应该如何传递的方式。尽管如此,了解这种分层数据是否可以通过努力来显示仍然是件好事。
如何使用jQuery DataTables在ajax调用中传递额外的参数?
这是我的代码
$(document).ready(function() {
var dataTable = $('#student-grid').DataTable( {
responsive: {
details: {
renderer: function ( api, rowIdx ) {
var data = api.cells( rowIdx, ':hidden' ).eq(0).map( function ( cell ) {
var header = $( api.column( cell.column ).header() );
return '<p style="color:#00A">'+header.text()+' : '+api.cell( cell ).data()+'</p>';
} ).toArray().join('');
return data ? $('<table/>').append( data ) : false;
}
}
},
processing: true,
serverSide: true,
ajax: "borrowedBookNew.php" // json datasource
} );
} );
Run Code Online (Sandbox Code Playgroud)
我想将一个新参数传递给我的php文件并获得一个新结果.
我使用jQuery DataTables插件来排序表数据.我有四列:姓名,职位,办公室和年龄.我想要的是用户只能对Name和Age列进行排序,而不是所有列.但我无法停止在OTHER列上排序.你能建议一下吗?
我是使用DataTables的新手,我一直在努力改变我的DataTable的主体.
我一直在寻找API和搜索论坛,但我找不到任何东西.
API有一个函数body()
,用于获取表体.如果有一个设置它的功能,那将是太棒了.
想象一下,我正在通过AJAX获得一个全新的表体,我想要删除旧体并将其放置.
我曾经通过jQuery函数来做这件事,html()
但看起来事情在这里有所不同.