2016-01-20 32 views
1
$scope.dtColumns = [ 
    DTColumnBuilder.newColumn('employee.employeeCode').withTitle("Employeecode").withOption('autoWidth', false), 
    DTColumnBuilder.newColumn('employee.workMailId') .withTitle("Official Email"), 
    DTColumnBuilder.newColumn('employee.joiningDate') .withTitle("Joining Date").renderWith(function(data, type) { 
     return $filter('date')(data, baseConstant.displayDateInTable); //date filter 
    }); 

該控制器是員工報告........所以我要展示我怎麼可以添加標題角數據表

回答

0

有列,其記錄之前先設置標題員工沒有報告dataTables中標題或標題的設置。但是你可以自己創建一個。爲了達到這個目的,你可以使用dataTables dom選項,這可以很容易地將額外的元素注入到dataTables包裝器中。您可以通過只表之前注入<div id="dt-title">,但長度菜單和搜索框後(lfrtip是默認):

.withDOM('lf<"#dt-title">rtip') 

當初始化完成的dt-title集內容:

.withOption('initComplete', function() { 
    document.querySelector('#dt-title').textContent = 'EMPLOYEE REPORT' 
}) 

風格dt-title任何其他元素,只記得clear: both

#dt-title { 
    clear: both; 
    font-weight: bold; 
    color: red; 
    padding: 15px 5px 10px 10px; 
} 

看到它的工作在這裏 - >http://plnkr.co/edit/Xl6h5pdcPp8d2MvOn9lx?p=preview