Javascript 默认列不显示在材料设计数据表(iamisti/mdDataTable)中
我正在尝试使用控制器中的数组动态填充Javascript 默认列不显示在材料设计数据表(iamisti/mdDataTable)中,javascript,angularjs,angular-datatables,Javascript,Angularjs,Angular Datatables,我正在尝试使用控制器中的数组动态填充内部的。这段代码似乎无法正常工作: 默认情况下隐藏列=“c.selector\u hidden” 加载表格时,不显示默认列。某些列被设置为默认列,并从“列选择器”中排除,因此即使在选择器中选择了所有列,也不会显示这些列 当我在表格卡中设置…columnSelector:false}…时,它会显示我的列,但用于选择列的函数不见了 我怎样才能解决这个问题 这是mdt标题行: <mdt-header-row> <mdt-column hide-c
内部的
。这段代码似乎无法正常工作:
默认情况下隐藏列=“c.selector\u hidden”
加载表格时,不显示默认列。某些列被设置为默认列,并从“列选择器”中排除,因此即使在选择器中选择了所有列,也不会显示这些列
当我在表格卡中设置…columnSelector:false}…
时,它会显示我的列,但用于选择列的函数不见了强>
我怎样才能解决这个问题
这是mdt标题行:
<mdt-header-row>
<mdt-column
hide-column-by-default="c.selector_hidden"
exclude-from-column-selector="c.selector_exclude"
column-sort="c.sort"
sortable-rows-default="c.sort_default"
column-key="{{c.key}}"
align-rule="{{c.align}}"
column-definition="{{c.definition}}"
ng-repeat="c in tableHeader"><span>{{c.name}}</span></mdt-column>
</mdt-header-row>
我还为它创建了一个fork:
这段代码似乎无法正常工作:
默认情况下隐藏列=“c.selector\u hidden”
这是因为在tableHeader数组中的任何对象中都没有选择器\u hidden
属性。它应该是这样的:
$scope.tableHeader = [
{
name: 'Dessert (100g serving)',
definition: '',
align: 'left',
sort: true,
sort_default:false,
hidden: false,
selector_exclude:false,
selector_hidden:true
},...
事实上,问题在于该指令本身。我不得不修改md-data-table.js文件,并将“isVisible”references列更改为true。我还将isHidden属性更改为“isVisable”,因为md-data-table-templates.js文件引用了它。我进一步修改了代码以符合我们的要求,因此无法提供特定的补丁。然而,不幸的是,开发人员似乎放弃了该项目。在$scope.tableHeader中没有隐藏的字段选择器。我想它应该隐藏起来,而不是你可以请更具体,或指向具体的文件?感谢allot,期待修复:-)不,我只是说你的对象数组$scope.tableHeader。我看到您在mdt列中默认使用了hide column=“c.selector\u hidden”。但是我在数组$scope.tableHeader中没有看到任何选择器隐藏属性?建议:永远不要在Javascript中存储API键。尽管从客户端对API进行AJAX调用看起来简单易行,但一旦API限制完成/你的账单因为东京的“某个花花公子”而飙升,你会后悔的。对应用程序后端执行CSRF安全调用,然后从那里使用API(甚至将API密钥放入环境变量或其他东西中)。这就是代码笔要说的——不,我不认为这是问题所在!?我更新了codepen以显示这一点,但仍然不起作用!?
$scope.tableHeader = [
{
name: 'Dessert (100g serving)',
definition: '',
align: 'left',
sort: true,
sort_default:false,
hidden: false,
selector_exclude:false,
selector_hidden:true
},...