查看“Widget:表格列折叠”的源代码

<includeonly><script language="javaScript">
(window.RLQ = window.RLQ || []).push([["jquery"], function () {
    //$(function () {
        console.log(`%c BWiki表格列折叠 %c v2.0 https://wiki.biligame.com/tools/?curid=108`, "background: #4a5366;padding:4px 8px;color:#fff", " background: #d3bc8e;padding:4px 8px;");
        $(".col-fold").each(function (fIndex,fItem) {
            var newDom = $(`<div class='b-extend'><div>隐藏表格竖列：</div></div>`);
            $(this).find("tr").eq(0).children("th").each(function (index,item) {
                let newClass = $(this).attr("class") == undefined ? "" : $(this).attr("class").replace("headerSort", "", "g")
                let htmlText = $(this).text()
                newDom.append("<button class='" + newClass + "' value=" + index + ">" + htmlText + "</button>")
            })
            newDom.find("button").click(colFoldHide)
            $(this).prepend(newDom)
        })

        //显示隐藏列
        function colFoldHide() {
            var num = parseInt($(this).val()) + 1
            //添加样式
            mw.util.addCSS(".col-fold-" + num + ">tbody>tr>td:nth-child(" + num + "),.col-fold-" + num + ">thead>tr>th:nth-child(" + num + "),.col-fold-" + num + ">tbody>tr>th:nth-child(" + num + "){display: none !important;}")
            var newClass = "col-fold-" + num
            $(this).parent(".b-extend").parent("table").toggleClass(newClass)
            //按钮样式改变
            $(this).toggleClass("button-b");
        }
    //})
}])
</script>
<style>
.col-fold{
    position: relative;
    margin-top: 30px !important;
}
.b-extend {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    flex-wrap: wrap;
    align-items: center;
    position: absolute;
    bottom: 20px;
    right: 0;
    top: -24px;
    height: 20px;
    z-index: 1000;
    opacity: 1;
}
.b-extend>button{
    padding: 0 5px;
    border: 1px solid #0b4ab5;
    border-radius: 5px;
    margin: 0 1px;
    height: 20px;
}
#input-table {
    width: 50px;
}
.button-b{
    background: #9dbafc;
}
.col-fold-1>thead>tr>th:nth-child(1)
</style>
</includeonly>