ShieldUI 網格大小調整

Question

我目前正在評估 ShieldUI 的演示版本，並且一直在玩網格控件。 我已經綁定到一個本地數據源並試圖讓列大小調整正常工作，但是當我嘗試調整單個列的大小時，有一個很大的跳躍，因為我正在調整大小的列被調整得更大而所有其他列的大小都變小了. 我猜我有一個 CSS 問題，因為 ShieldUI 站點上的示例僅更改兩個相鄰列之間的大小，但無法弄清楚我需要更改我的樣式規則以獲得與示例相同的行為。 這是我正在使用的代碼，除了鏈接到完全最小化的 ShieldUI CSS 之外，沒有定義其他 styles：

$("#grid1").shieldGrid({
    dataSource: {
        data: HRDataset
    },
    paging: {
        pageSize: 10
    },
    sorting: {
        multiple: false,
        allowUnsort: false
    },
    columns: [
        { field: "Employee_Name", title: "Employee Name", width: 30 },
        { field: "EmpID", title: "ID", width: 10 },
        { field: "Salary", title: "Salary", width: 20 },
        { field: "Position", title: "Position", width: 30 },
        { field: "State", title: "State", width: 10 },
        { field: "Zip", title: "Zip", width: 15 },
        { field: "Sex", title: "Sex", width: 10 },
        { field: "MaritalDesc", title: "Married", width: 10 }
    ],
    scrolling: true,
    resizing: true
});

Answer 1

必須添加以下術語 scrollable: true