Estoy mostrando datos usando material-table . Tengo 19 columnas para mostrar y quiero establecer un tamaño fijo para cada columna. Usando width: 45% no está haciendo ningún cambio visual. No puedo usar whiteSpace: "nowrap" porque eso solo hará que la tabla sea más larga y más difícil de usar cuando algunas celdas tengan oraciones largas. Intenté usar width , cellStyle y headerStyle en mis 19 columnas, pero no hizo ninguna diferencia.

Aquí están algunas de mis columnas y mi tabla:

 const columns = [ { title: "Sizing ID", field: "SizingId" }, { title: "Intake ID", field: "IntakeID" }, { title: "FCRID", field: "FCRID" }, { title: "Taxonomy ID", field: "TaxonomyId" }, { title: "Domain", field: "Domain" }, { title: "Experience", field: "Experience" }, { title: "Product Line", field: "ProductLine" }, { title: "Sizing Contact", field: "SizingContact" }, { title: "Q1Cost", field: "Q1Cost" }, { title: "Sizing Comments", field: "SizingComments" }, ]; ... <MaterialTable title="Sizing" data={sizing.sizing} columns={columns} options={{ pageSize: 15, pageSizeOptions: [15, 25, 50], padding: "dense", headerStyle: { backgroundColor: "#0076CE", color: "#e5e6e7", fontFamily: "sans-serif", fontSize: 12, fontWeight: 600, maxWidth: 200, }, rowStyle: (data, index) => { if (index % 2) { return { backgroundColor: "#EEEEEE", fontSize: 12, }; } else { return { fontSize: 12 }; } }, }} />