Actualmente estoy evaluando la versión de demostración de ShieldUI y he estado jugando con el control de cuadrícula. Me vinculé a una fuente de datos local y estoy tratando de hacer que el cambio de tamaño de columna funcione correctamente, pero cuando intento cambiar el tamaño de columnas individuales, hay un gran salto ya que la columna que estoy cambiando de tamaño se redimensiona mucho más grande y todas las demás columnas tienen un tamaño más pequeño . Supongo que tengo un problema de CSS ya que el ejemplo en el sitio de ShieldUI solo cambia el tamaño entre dos columnas adyacentes, pero no puedo entender qué debo cambiar en mis reglas de estilo para obtener el mismo comportamiento que el ejemplo. Aquí está el código que estoy usando, sin estilos adicionales definidos además de vincular al CSS de ShieldUI minimizado completo:

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