レイウイテーブルテーブルの最後に余分な空白の列があります

赤いボックスの部分に示すように、layui テーブルのテーブルの最後には空白の列がもう 1 つあります。

 解決策 1:

CSS スタイルを次のように変更します。

.layui-table-view .layui-table {
    width: 100% !important;
}

.layui-table th {
    text-align: -webkit-center !important;
}

効果は次のとおりです。

 整合性が取れていないのは明らかです。

解決策 2:

テーブルがレンダリングされた後、done メソッドのスタイルを次のように変更します。

done: function(e){
    $('.layui-table').css("width", "100%");
    $("th[data-field='delete']").css("border-right", 'none');
}

最後の列の空白の問題を解くことができます。

道は長い、上も下も探してみるよ！