.NET 5中使用DataTable实现子行功能不显示展开加号问题求助

问题原因 #

你代码里最核心的错误是：用来存放展开加号的第0列被你手动设置为隐藏状态，自然看不到可点击的展开按钮。

具体问题排查&修复方案 #

• 移除错误的列隐藏配置
  你当前columnDefs里的配置把索引为0的列设为了不可见，删掉这段配置即可：

// 删掉这部分错误配置
"columnDefs": [{
    "targets": [0],
    "visible": false,
    "searchable": false
}],

• 添加加号/减号对应的CSS样式
  默认details-control类没有自带图标，你需要手动添加样式来显示展开/收起图标，示例样式如下：

td.details-control {
    background: url('你的加号图标路径') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('你的减号图标路径') no-repeat center center;
}

如果不想自己存图标，也可以直接用字符代替，修改defaultContent为+即可：

{
    "className": 'details-control',
    "orderable": false,
    "data": null,
    "defaultContent": '+' // 这里加个加号字符
},

• 额外修复建议（非必选，不影响加号显示）
  你配置列的时候，Student TWRAID对应的列name属性错误写成了Last Name，和前面的姓氏列重复，建议修改为对应名称避免后续查询出问题。

内容的提问来源于stack exchange，提问作者Luay Almamury