How to use rowspan and colspan in tbody using datatable.js?

https://stackoverflow.com/questions/27290693/how-to-use-rowspan-and-colspan-in-tbody-using-datatable-js

 

 

Right now, datatables do not support rowspan or colspan to the table body.

Reference

But, the possible solution should be

DataTables hidden row details example

Hope it works.

 

可以使用<span></span><br>来实现换行,如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
                            <td>{{ item.Owt }}</td>
                            <td><a target=                            < "_blank" href="{{ item.Tag|slink }}">{{ item.Tag }}</a></td>
                            <td><a class="tooltip-info" style="cursor:pointer;" data-toggle="tooltip" data-placement="top"
                                   title="{{ item.RD_admin|tip_lines }}">{{ item.RD_admin|first_owner }}</a></td>
                            <td style="text-align: right;">{{ item.Rank }}</td>
                            <td style="text-align: right;">
                                {% set list1 = item.Hosts.split(',') %}
                                {% for list in list1 %}
                                <span>{{ list }}</span><br>
                                {% endfor %}
{#                                {% for host in item.Hosts %}#}   ###这种的会按字符迭代
{#                                    <span>{{host}}</span><br>#}
{#                                {% endfor %}#}
                            </td>
                            <td style="text-align: right;">{{ item.HostNumber }}</td>
{#                            <td style="text-align: right;">{{ item.DomainConfigAlarmItemsNum }}</td>#}
{#                            <td style="text-align: right;">{% if item.DomainConfigAlarmItemsNum == 0 %}0{% else %}{{(item.DomainConfigAlarmItemsNum/item.DomainItemsTotal* 100) |round(2) }}%{% endif %}</td>#}
                          </tr> 

效果

 

posted @   番茄土豆西红柿  阅读(212)  评论(0编辑  收藏  举报
编辑推荐:
· ASP.NET Core 模型验证消息的本地化新姿势
· 对象命名为何需要避免'-er'和'-or'后缀
· SQL Server如何跟踪自动统计信息更新?
· AI与.NET技术实操系列:使用Catalyst进行自然语言处理
· 分享一个我遇到过的“量子力学”级别的BUG。
阅读排行:
· dotnet 源代码生成器分析器入门
· 官方的 MCP C# SDK:csharp-sdk
· 从零开始:基于 PyTorch 的图像分类模型
· [WPF] 在RichTextBox中输出Microsoft.Extension.Logging库的
· 一步一步教你部署ktransformers,大内存单显卡用上Deepseek-R1
TOP
点击右上角即可分享
微信分享提示