angularjs - 如何将标题添加到角度数据表

Question

$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

Answer 1

dataTables 中没有标题或标题的设置。但是您可以自己创建一个。要实现这一点，您可以使用 dataTablesdom选项，这使得将额外的元素注入到 dataTables 包装器中变得很容易。<div id="dt-title">您可以在表格之前注入 a ，但在长度菜单和搜索框之后（lfrtip默认） by ：

.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