如何使用可调整大小的列插件扩展 Tabulator

Question

我认为这会显示在文档中，但我正在尝试使用 Tabulator 调整列大小。

This page只是介绍如何导入插件：

import {ResizeTableModule} from 'tabulator-tables';

但是你用这个导入做什么？我以为您可以将它添加到 Tabulator.extendModule(ResizeTableModule)，但这没有任何作用。我找不到像这样模块化使用插件的任何示例。感谢您的帮助。

Answer 1

根据文档，扩展模块的正确方法如下

/**
 * @param {String} moduleName
 * @param {any} configs
 * @param {any} newconfig
 */
Tabulator.extendModule("resizeTable", "config", {
    //Your New Config
    name: "__int__",
});

我很害怕，因为 ResizeTableModule 模块没有公开任何其他配置，但您可以通过扩展 class

来定义它们

import { Tabulator, ResizeColumnsModule, ResizeTableModule } from "tabulator-tables";

class MyResizeTableModule extends ResizeTableModule {
    constructor(table) {
        super(table);

        this.config = MyResizeTableModule.config;
    }
}

MyResizeTableModule.config = {};

Tabulator.registerModule([MyResizeTableModule, ResizeColumnsModule]);

/**
 * @param {String} moduleName
 * @param {any} configs
 * @param {any} newconfig
 */
Tabulator.extendModule("resizeTable", "config", {
    //Your New Config
    name: "__int__",
});

见Codesandbox

Answer 2

要调整列大小，您可以按如下方式导入 ResizeColumnsModule：

import { Tabulator, ResizeColumnsModule } from "tabulator-tables";

Tabulator.registerModule(ResizeColumnsModule)

示例：https://codesandbox.io/s/gifted-wescoff-nw337l?file=/src/index.js

如何使用可调整大小的列插件扩展 Tabulator

How to extend Tabulator with resizable column plugin

tabulator