Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/472.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 默认列不显示在材料设计数据表(iamisti/mdDataTable)中_Javascript_Angularjs_Angular Datatables - Fatal编程技术网

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
        },...