Estoy tratando de regular el tamaño de las filas en una subtabla webgrid, sin éxito. El siguiente es el inicio del script de creación de mi tabla:
@grid.GetHtml(
htmlAttributes: new { id = "gridT", width = "700px" },
tableStyle: "webgrid-table",
columns: grid.Columns(
grid.Column("singleUser.RA_Responsible_Person", "RA Responsible Person"),
grid.Column("singleUser.Issues_Count", "Issues Count"),
grid.Column(header: "Min Deadline", format: (item) => string.Format("{0:dd-MM-yyyy}", item.singleUser.Min_Deadline)),
grid.Column(header: "Max Deadline", format: (item) => string.Format("{0:dd-MM-yyyy}", item.singleUser.Max_Deadline)),
grid.Column(format: (item) =>
{
WebGrid subGrid = new WebGrid(source: item.Cases, canPage: true, rowsPerPage: 5);
return subGrid.GetHtml(
htmlAttributes: new { id = "subT" },
columns: subGrid.Columns(
subGrid.Column("Issue_ID", "Issue_ID"),
subGrid.Column("Issue", "Issue"),
subGrid.Column("Case_Status", "Case_Status"),
subGrid.Column("Issued_by", "Issued_by"),
subGrid.Column("Issue_Date", "Issue_Date"),
subGrid.Column("Issue_Type", "Issue_Type"),
subGrid.Column("Server_Name", "Server_Name"),
subGrid.Column("DB_Name", "DB_Name"),
subGrid.Column("Issue_Desciption", "Issue_Desciption", style: "longTextColumn"),
subGrid.Column("RA_Responsible_Person", "RA_Responsible_Person"),
subGrid.Column("Reasons_For_Issue", "Reasons_For_Issue", style: "longTextColumn"),...
Asigno algunas de las columnas a la clase "longTextColumn", que debería ser más ancha:
.longTextColumn {
max-height: 60px;
width: 350px;
overflow: hidden;
}
Luego, asigno la altura máxima a cada fila en la tabla principal, porque necesito que la información quepa en un espacio más pequeño.
#gridT tr:nth-child(odd) {
background: #eee;
max-height: 20px;
overflow: hidden;
}
#gridT tr:nth-child(even) {
background: #fff;
max-height: 20px;
overflow: hidden;
}
Por supuesto, estas cosas no funcionan, porque la definición de tamaño ya no funciona en columnas individuales. Solía resolver el problema anidando divs dentro de la celda, pero con este código no sé cómo y no quiero hacerlo de esta manera. ¿Alguien puede darme un consejo?
¡Gracias por adelantado!
PD: Traté de asignar un ancho fijo a toda mi mesa, no ayuda. Sé que asigno una altura máxima en conflicto, pero ninguno de ellos afecta las filas, por lo que no importa. Además, hice uno de los estilos antes que el otro y no funcionó.
Después de todo, he recurrido a mi solución anterior y probada: pirateé envolviendo un div alrededor de la celda td. Muy ineficaz e innecesario. Espero que algún día los buenos apuesten una vez más por nuestra inteligencia y nos permitan establecer el tamaño de nuestras propias columnas.
Esta es la solucion:
Añadida una clase:
columns: subGrid.Columns(
subGrid.Column("Issue_ID", "Issue_ID"),
subGrid.Column("Issue", "Issue", style: "long"), .....
y un guión:
<script>
$(".long").each(function () {
$(this).wrapInner("<div class='longTextColumn'></div>");
});
</script>
Este artículo se recopila de Internet, indique la fuente cuando se vuelva a imprimir.
En caso de infracción, por favor [email protected] Eliminar
Déjame decir algunas palabras