如何解决如何更改details-control classname图标的颜色
如何更改Details-Control类图标的颜色:从前变为蓝色, 正如我们在使数据表响应时所看到的那样。 我正在使用https://datatables.net/examples/server_side/row_details.html,
$(document).ready(function() {
var table_data = [{"name":"Tiger Nixon","position":"System Architect","salary":"$320,800","start_date":"2011/04/25","office":"Edinburgh","extn":"5421"},{"name":"Garrett Winters","position":"Accountant","salary":"$170,750","start_date":"2011/07/25","office":"Tokyo","extn":"8422"},{"name":"Ashton Cox","position":"Junior Technical Author","salary":"$86,000","start_date":"2009/01/12","office":"San Francisco","extn":"1562"}];
var table = $('#example').DataTable( {
"data": table_data,"columns": [
{
"className": 'details-control',"orderable": false,"data": null,"defaultContent": ''
},{ "data": "name" },{ "data": "position" },{ "data": "office" },{ "data": "salary" }
],"order": [[1,'asc']]
} );
// Add event listener for opening and closing details
$('#example tbody').on('click','td.details-control',function () {
var tr = $(this).closest('tr');
var row = table.row( tr );
if ( row.child.isShown() ) {
// This row is already open - close it
row.child.hide();
tr.removeClass('shown');
tr.removeClass('highlightExpanded');
}
else {
// Open this row
row.child( format(row.data()) ).show();
tr.addClass('shown');
tr.addClass('highlightExpanded');
}
} );
} );
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。