jQuery dataTables - “sDom”正在从数据表中删除css样式

时间:2015-09-09 10:32:32

标签: javascript jquery html css datatables

我已经使用数据表来显示我的记录,并且工作正常:

 table = $(".jqueryDataTable").dataTable( {

            "fnInitComplete": function(oSettings, json) {
                  alert( 'DataTables has finished its initialisation in table.' );
                  this.fnHideEmptyColumns(this);
                  $('#lblReportHeader').html(reportHeader);
                  $('#lblFromDate').html(fromDateHeader);
                  $('#lblToDate').html(fromToHeader);
                  $('#tblReportHeader').show();
                },
                "bServerSide": true,
                "bFilter": false,
                "bRetrieve": true, 
                "bDestroy": true,
                "sAjaxSource": "./getReportDetails",
                "bJQueryUI": true,
                "fnServerParams": function ( aoData ) {
                    newData=aoData;
                    newData.push( { "name": "reportType", "value": reportType }, { "name": "reportSubType", "value": reportSubType}, { "name": "fromDate", "value": fromDate}, { "name": "toDate", "value": toDate});
                },
                "aoColumns": [
                                { "mData": "username", "sTitle": "username"},
                                { "mData": "transferType", "sTitle": "transferType"},
                                { "mData": "fromAccount", "sTitle": "fromAccount"},
                                { "mData": "toAccount", "sTitle": "toAccount"},
                                { "mData": "amount", "sTitle": "amount"},
                                { "mData": "currency", "sTitle": "currency"},
                                { "mData": "transferDate", "sTitle": "transferDate"},
                                { "mData": "creditDebitFlag", "sTitle": "creditDebitFlag"},
                                { "mData": "fromAccountType", "sTitle": "fromAccountType"},
                                { "mData": "toAccountType", "sTitle": "toAccountType"},
                                { "mData": "impsChannelType", "sTitle": "impsChannelType"},
                                { "mData": "impsTranType", "sTitle": "impsTranType"},
                                { "mData": "IFSCCode", "sTitle": "IFSCCode"},
                                { "mData": "narration", "sTitle": "narration"},
                                { "mData": "customerID", "sTitle": "customerID"},
                                { "mData": "customerName", "sTitle": "customerName"},
                                { "mData": "fromMMID", "sTitle": "fromMMID"},
                                { "mData": "fromMobileNo", "sTitle": "fromMobileNo"},
                                { "mData": "toMMID", "sTitle": "toMMID"},
                                { "mData": "toMobileNo", "sTitle": "toMobileNo"},
                                { "mData": "paymentType", "sTitle": "paymentType"},
                                { "mData": "transReferenceId", "sTitle": "transReferenceId"},
                                { "mData": "transactionStatus", "sTitle": "transactionStatus"}
                    ]
            } ); 

enter image description here

然后需要将数据表导出到导出中,所以我从datatable export获取了参考。所以我在代码中添加了"sDom": 'T<"clear">lfrtip'

添加“sDom”后我的css无效。 谁能告诉我我的代码中有什么问题?

enter image description here

0 个答案:

没有答案