Question

我有一个kendo网格。我是一个绑定数据源和一个List（C＃）。生成50列。我希望我的网格每列都有固定宽度。像宽度150像素。如何设置默认列宽为我的网格？

$("#detailsRevenueGrid").kendoGrid({
    dataSource: {

        transport: {
            read: {
                url: "GetDetailsRevenueReportData",
                type: "POST",
                contentType: "application/json",
                dataType: "json"
            },
            parameterMap: function (data, operation) {
                if (operation != "read") {
                    return kendo.stringify(data.models);
                }

            }
        },

        serverPaging: false,
        pageSize: 10,

        batch: true,

        error: function (e) {
            alert(e.errors + "grid");
        }
    },

    pageable: {
        refresh: true,
        pageSizes: true
    },
    sortable: true,
    scrollable:true,
    autoBind: false,
    resizable: true
});

Answer 1

查看Kendo grid documentation here。要做到这一点，您必须在网格中定义所需的每一列。以下是他们的示例（如果链接在以后中断），并进行了一些修改：

<div id="grid"></div>
 <script>
 $("#grid").kendoGrid({
   columns: [
     { field: "name", width: "200px", title: "Name" },
     { field: "age", width: 75, title: "Age" }
   ],
   dataSource: [
     { name: "Jane Doe", age: 30 },
     { name: "John Doe", age: 33 }
   ]
 });
 </script>

field是绑定到网格的数据对象中的属性名称。您还可以设置文档中描述的标题，宽度和许多其他选项。

<强>更新

看到你的评论后，我认为你可以用CSS风格做你想做的事情：

#grid col, #grid td, #grid th {
    width: 150px;
}

其中#grid是您的网格容器div的ID。确保从columns属性中删除任何宽度设置，因为它们很可能会覆盖CSS。

为剑道网格的所有列设置默认值

1 个答案: