我目前正在评估ShieldUI的演示版本，并一直在使用网格控件。我绑定到本地数据源，并试图让列大小调整正常工作，但当我试图调整单个列的大小时，有一个很大的跳跃，因为我正在调整大小的列被调整得更大，而所有其他列都被调整得更小。我猜我有一个CSS问题，因为ShieldUI站点上的示例只更改了两个相邻列之间的大小，但不知道我需要在样式规则中更改什么才能获得与示例相同的行为。除了链接到完全最小化的ShieldUI CSS之外，没有定义其他样式：

$("#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
});