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中没有标题或标题的设置。但你可以自己创建一个。要实现这一点，您可以使用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;
}

看到它在这里工作 - ＆gt;的 http://plnkr.co/edit/Xl6h5pdcPp8d2MvOn9lx?p=preview

如何为角数据表添加标题

1 个答案: