剑道网格列宽度不会超过一个点

Question

我正在尝试将kendo网格列极薄，基本上就像一条线。将宽度属性降低到10px或10以下似乎没有任何影响。

这就是我正在做的事情：

let mainGridOptions = {
                dataSource: myData,
                columns: [{
                    field: "color",
                    title: " ",
                    width: '5px' // tried even without px, just 5
                    }]
            };

任何人都知道发生了什么事？

Answer 1

我无法重现它我请尝试使用以下代码段或查看this demo。

<div id="grid"></div>
<script>
    $(document).ready(function () {
        $("#grid").kendoGrid({
            dataSource: {
                type: "odata",
                transport: {
                    read: "https://demos.telerik.com/kendo-ui/service/Northwind.svc/Customers"
                },
                pageSize: 20
            },
            height: 550,
            groupable: true,
            sortable: true,
            pageable: {
                refresh: true,
                pageSizes: true,
                buttonCount: 5
            },
            columns: [{
                field: "ContactTitle",
                title: "Contact Title"
            }, {
                field: "CompanyName",
                title: "Company Name"
            }, {
                field: "Country",
                width: '5px'
            }]
        });
    });
</script>

如果您将列宽设置为＆＃39; 5px＆＃39;然后你看不到列中的任何内容，因为一些默认的间距（边距/填充）应用于列。