matblazor - 控制 MatTable 列的宽度
问题描述
如何控制 MatBlazor MatTable中列的宽度
我摆弄了一下,通过在浏览器“检查器”中禁用 css 类 mdc-table ......似乎可以获得“正常”表行为。
现在除了最后一列之外的所有列都很窄,(实际宽度:119、153、460)最后一列只有两个图标,所以它应该是大约 100px 宽度,中间一列是一个很长的文本字符串,所以我希望它更广泛。
关于代码没有太多戏剧性,但无论如何......
<MatDialog @bind-IsOpen="@ShowBeginCreateNewSLA">
<MatDialogTitle>Service level agremeents</MatDialogTitle>
<MatDialogContent>
<MatTable ShowPaging="false" Items="SLAOptions">
<MatTableHeader>
<th>Id</th>
<th>Description</th>
<th>Action</th>
</MatTableHeader>
<MatTableRow>
<td>@context.Id</td>
<td>@context.Description</td>
<td><MatIconButton Icon="delete" /></td>
</MatTableRow>
</MatTable>
</MatDialogContent>
<MatDialogActions>
<MatButton>Close</MatButton>
</MatDialogActions>
</MatDialog>
知道我能做什么吗?
解决方案
我发现设置它的方法,在文档中也提到过,只是在表头中插入一个带有fixed with的div,例如
<th><div style="width: 200px">Options</div></th>
推荐阅读
- android - 你如何在 alertdialog 中引用 EditText?
- javascript - grpc和express服务器可以由同一个nodejs服务器运行吗,或者grpc必须是不同的服务器
- go - 无法创建在线网页
- javascript - 如何使用 sinon 模块模拟 axios 请求
- azure-media-services - 使用 Azure 媒体服务从远程服务器流式传输 VOD
- python - 如何从目录中找到与输入图像相似的图像?
- python - 如何创建多个空数据框?
- python-3.x - 如何打印另一个值内的值?
- node.js - 使用 facebook-node-sdk nodejs 从 facebook api 检索用户数据?
- c++ - 如何让 clang 格式在 << 和 >> 上中断