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 
    });

このコントローラーは従業員レポート用です.......だから、列とそのレコードを表示する前に、最初に EMPLOYEE REPORT というタイトルを設定したい

4

1 に答える 1

0

dataTables には、タイトルやヘッダーの設定はありません。しかし、自分で作成することはできます。これを実現するには、dataTablesdomオプションを使用して、余分な要素を 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

于 2016-02-01T17:28:35.697 に答える