jQuery Mobile Column-Toggle Table classes.priorityPrefix 选项

简介

classes.priorityPrefix 选项是 jQuery Mobile Column-Toggle Table 插件中的一个配置项，它用于指定表格中的列优先级 class 名称的前缀。

用法

配置

在初始化 Column-Toggle Table 时，可以传递一个配置对象作为参数，并在其中设置 classes.priorityPrefix。

$(document).on("pagecreate", function(){
    $("#my-table").table("columnToggle", {
        classes: {
            priorityPrefix: "ui-priority-"
        }
    });
});

效果

当指定了 classes.priorityPrefix 选项后，Column-Toggle Table 插件会将列优先级的 class 名称设置为该前缀加上列号。例如，如果设置了 classes.priorityPrefix 为 ui-priority-，那么对于第一列，Column-Toggle Table 会自动为其添加 ui-priority-1 的 class 名称。

这样，我们就可以在 CSS 样式中方便地指定每一列的优先级了。

/* 定义每一列的宽度和优先级 */
.ui-table-col-1 {
    width: 60%;
}

.ui-priority-1 {
    display: none;
}

.ui-priority-2 {
    display: block;
}

备注

classes.priorityPrefix 选项的默认值为 "ui-table-priority-"。