如何解决表格列宽度的Blazor渲染
我有一个Microsoft Blazor项目。我试图让Razor动态地更改表的列宽。我无法使其正常工作,因此我创建了此精简版以进行测试。以下代码创建两个表。在第一个中,没有Razor代码,并且宽度正确呈现。在第二个中,宽度被忽略,即使它们是硬编码的。在非精简版本中,我使用Razor设置了列的可见性和标题的文本,并且效果很好。只是宽度被忽略。
<table>
<thead class="thead-light">
<tr>
<th WIDTH="100">Column 1</th>
<th WIDTH="200">Column 2</th>
</tr>
</thead>
</table>
<table>
<thead>
<tr>
@foreach (var col in Columns)
{
<th WIDTH="300">Column 1</th>
}
</tr>
</thead>
<tbody>
...
解决方法
我想我找到了解决方案。我没有使用表格标题的文本,而是使用了将边框设置为none且将margins设置为0的按钮。外观类似于文本,但是现在我可以通过设置按钮的宽度来控制列宽。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。