使用Angular DataTable不起作用的Angular DataTableS选择一列

Question

使用Angular DataTables，我需要按名称选择列。我已经在https://datatables.net/reference/api/columns((中阅读了DataTables文档((，但我没有成功。

在下面的代码中，我尝试了：

oTable.column('id') 

和

oTable.column('id:name')

但是，它们不起作用。

$scope.search = function(query) {
 var oTable = $scope.dtInstance.DataTable;
 //oTable.column('id:name').search($scope.busca.query).draw() ; doesn't works 
 oTable.column('id').search($scope.busca.query).draw() ; //doesn't works 
}  
$scope.dtColumns=[
            DTColumnBuilder.newColumn('id', 'Pront'),
            DTColumnBuilder.newColumn('nome', 'Nome').withOption('searchable', false),
            DTColumnBuilder.newColumn('endereco', 'Endereco').notSortable().withOption('searchable', false),
            DTColumnBuilder.newColumn('cidade', 'Cidade').notSortable().withOption('searchable', false),
            DTColumnBuilder.newColumn('cpf', 'CPF').notSortable().withOption('searchable', false),
            DTColumnBuilder.newColumn('telres', 'Telefone').notSortable().withOption('searchable', false),
            DTColumnBuilder.newColumn('email', 'E-Mail').notSortable().withOption('searchable', false),
            DTColumnBuilder.newColumn(null).withTitle('Opçoes').notSortable().withOption('searchable', false)
            .renderWith(actionsHtml)
            ];

Answer 1

you 必须明确给列 name ，以使:name选择器工作：

$scope.dtColumns = [       
  DTColumnBuilder.newColumn('name').withOption('name','name').withTitle('name'),
  DTColumnBuilder.newColumn('position').withOption('name','position').withTitle('position')
];

现在您可以做：

$scope.dtInstance.DataTable.column('position:name').search('acc').draw();

请在这里看到它 -> http://plnkr.co/edit/blnm5qu9kfx0a5fldfpz?p=Preview