Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/448.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 为什么我的datatable数据设计不能在JQuery datatable中正常工作?_Javascript_Jquery_Datatable - Fatal编程技术网

Javascript 为什么我的datatable数据设计不能在JQuery datatable中正常工作?

Javascript 为什么我的datatable数据设计不能在JQuery datatable中正常工作?,javascript,jquery,datatable,Javascript,Jquery,Datatable,我有以下代码看到我的输出图像我的设计到处都是这背后的原因是什么 <div class="row"> <div class="col-md-12"> <div class="panel panel-primary list-panel" id="list-panel"> <div class="panel-heading list-panel-heading"> <button type="but

我有以下代码看到我的输出图像我的设计到处都是这背后的原因是什么

<div class="row">
<div class="col-md-12">
    <div class="panel panel-primary list-panel" id="list-panel">
        <div class="panel-heading list-panel-heading">
            <button type="button" class="btn btn-default btn-md" data-toggle="modal" data-url="@Url.Action("Create","Group")" id="btnCreateBranch">
                <span class="glyphicon glyphicon-new-window" aria-hidden="true"></span> Add Group
            </button>
        </div>
        <div class="panel-body">
            <table id="group-data-table" class="table table-striped table-bordered" style="width:100%;">
            </table>
        </div>
    </div>
</div>

添加组
我的Jquery脚本是:

                    "columns": [
                        { "title": "Group Code", "data": "GroupCode", "searchable": true },
                        { "title": "Group Description", "data": "GroupDesc", "searchable": true },

                        {
                            "title": "Action",
                            "data": "GroupCode",
                            "searchable": false,
                            "sortable": false,
                            "render": function (data) {
                                return '<a  href="@Url.Action("Edit","Group")?GroupCode=' + data + '" class="btn btn-primary editGroup">Edit</a>  <a href="@Url.Action("Delete","Group")?GroupCode=' + data + '" class="deleteGroup btn btn-danger">Delete</a>';
                            }
                        }
                    ],
                    "lengthMenu": [[10, 25, 50, 100], [10, 25, 50, 100]],
                });
            },

            refresh: function () {
                dt.ajax.reload();
            }
        }
“列”:[
{“标题”:“组码”,“数据”:“组码”,“可搜索”:true},
{“title”:“Group Description”,“data”:“GroupDesc”,“searchable”:true},
{
“标题”:“行动”,
“数据”:“分组码”,
“可搜索”:错误,
“可排序”:false,
“渲染”:函数(数据){
返回“”;
}
}
],
“长度菜单”:[[10,25,50,100],[10,25,50,100],
});
},
刷新:函数(){
dt.ajax.reload();
}
}
我的最终输出是:

我已经通过使用“sWidth”在我自己的设置宽度上解决了这个问题:在所有列中使用“300px”并解决问题。

您谈论的图像在哪里?顺便说一下,您的jQuery代码有一部分似乎丢失了,您能告诉我们全部内容吗?CSS呢?