我正在尝试在制表器表上设置".tabulator-row-even“和".tabulator-row-odd”颜色。
".tabulator-row-even“正在被tabulator.scss覆盖
".tabulator-row-odd“未被覆盖，我可以更改此颜色。
我的style.css有以下几行：
.tabulator-row-odd {
background-color: #553333;
}
.tabulator-row-even {
background-color: #335533;
}
Safari上的计算属性：
#553333.
浏览 7提问于2020-02-18得票数 0
回答已采纳
1回答
在测试我的页面时，依赖项会引发一个错误。此错误并不重要，也不会干扰我的应用程序。但是当用木偶师进行测试时，由于这个错误，他只是关闭了测试页面。如何防止这种情况继续测试，从而忽略此错误？
示例：
此错误将抛出在页面上，测试随之结束。
Error: TypeError: Cannot set property 'paddingLeft' of undefined
at FrozenColumns.layoutRow (webpack-internal:///./node_modules/react-tabulator/node_modules/tabulator-table
浏览 7提问于2021-01-28得票数 0
回答已采纳
1回答
如何从制表器中调整单元格
、、、
从我问的最后一个问题开始，我希望能够显示下拉菜单。
加后
#example-table {
overflow: visible !important;
}
#example-table .tabulator-cell {
overflow: visible !important;
}
#example-table .tabulator-tableholder {
overflow: visible !important;
}
我的最后一个单元格不在同一行。
var table = new Tabulator("#example-table"
浏览 13提问于2022-08-22得票数 0
1回答
我在同一页中有两个制表表(#tableC id="Cuentas“和#tableM id="Movimientos")，每个表应该有不同的行高。
我试过CCS文件
tableC.tabulator-row.tabulator-cell { height:40px;}
tableM.tabulator-row.tabulator-cell { height:100px;}
和
#Cuentas.tabulator-row.tabulator-cell { height:40px;}
#Movimientos.tabulator-row.tabulator-cell
浏览 3提问于2019-10-10得票数 1
回答已采纳
grvData是表名，.是保存列名的div。当我使用下面的jquery代码获取列. div的索引时，我得到了零。请建议我如何知道.类中的.类的索引。
$(document).ready(function () {
alert($(".tabulator-col-title:contains('Rent')").index());
});
<div cellspacing="0" id="grvData" style="border-collaps
浏览 2提问于2020-11-29得票数 1
回答已采纳
使用"npm install tabulator-tables - save“命令安装制表器后发生以下错误：
Error TS2306 (TS) The file '../ClientApp/node_modules/@types/tabulator-tables/index.d.ts' is not a module.
导入语句中报告了错误：
import {Tabulator} from 'tabulator-tables';
我试图在一个用VisualStudio2019创建的角形5.2.5项目中使用“制表器”
import { Compon
浏览 1提问于2019-08-22得票数 0
在示例中，我可以创建如下制表器：
<div id="example-table"></div>
var tabulator = new Tabulator("#example-table", { ... } )
可以在不附加到DOM的情况下创建tabulator对象吗？
如果我执行new Tabulator()或new Tabulator( '#noelem' )，我会得到错误：
Tabulator Creation Error - Invalid element provided: undefined
Tabulato
浏览 0提问于2019-04-13得票数 0
安装以下软件(从tables tables@4.9.1开始)：
npm install tabulator-tables
npm install @types/tabulator-tables
然后执行以下导入
import Tabulator from 'tabulator-tables';
导致错误：Module Usage (Error node_modules @types tabulator tables index.d.ts' is not a module)。
改为使用此导入
import 'tabulator-tables';
不输出错误
浏览 14提问于2021-06-10得票数 0
回答已采纳
是否有一种方法来延迟加载，特别是核心包和单独的制表器模块？使用npm，唯一可能导入的包是tabulator-tables包，它最终会将所有模块加载到web浏览器中。
问题中的制表表使用了几个模块，这是一个很好的选择，可以懒洋洋地加载。
使用制表器v5，下面是开始表定义的样子。
Promise.all([
loadTabulatorJS(),
loadTabulatorCSS()
]).then(([{
Tabulator,
MoveColumnsModule,
FormatModule,
}, {}]) => {
Tabulator.reg
浏览 12提问于2022-03-17得票数 1
2回答
我已经尝试用制表器解决这个问题很长一段时间了，但我一直收到同样的错误，不确定哪里出了问题。有没有我遗漏的图书馆？
Uncaught TypeError: $(...).tabulator is not a function
<head>
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous
浏览 1提问于2018-11-04得票数 0
我正在升级从表4.2.7到5.2，并得到表未初始化。我只是用新的CDN引用替换了CDN引用。我还有别的事要做吗？
<link href="https://unpkg.com/tabulator-tables@4.2.7/dist/css/tabulator.min.css" rel="stylesheet">
<script type="text/javascript" src="https://unpkg.com/tabulator-tables@4.2.7/dist/js/tabulator.min.js&#
浏览 5提问于2022-05-08得票数 0
我无法使用tabator4.2.3 css文件将边框添加到制表表中。
我尝试过更改边界类，但显示的表没有边框。我觉得Bulma主题很讨人喜欢，但需要边框来使它对我的用户更友好的表和数据输入。
CSS一节引用如下：
.tabulator.is-bordered {
border: 1px solid black;
}
.tabulator.is-bordered .tabulator-header .tabulator-col {
border-right: 1px solid black;
}
.tabulator.is-bordered .t
浏览 0提问于2019-04-04得票数 0
当我在onMounted()生命周期挂钩中启动变量(制表器)时，我遇到了一个问题，所以当我将制表器实例作为支柱传递给子组件时，它将始终为空，因为我假设启动是在创建子组件之后发生的。
简单地说:我想使用在父组件和子组件中声明和启动的实例。
制表器要求我在onMounted()钩子中启动它，所以我无法摆脱它。
父组件
<template>
<div>
<AddRowButton :tabulator="tabulator" />
<div ref="table"></div
浏览 8提问于2022-03-03得票数 0
回答已采纳
有没有一种方法可以将表中的所有数据保存到jquery/javascript中的变量中？我注意到他们有
table.downloadToTab("json");
方法，它很酷，但不是打开新浏览器，我只想保存到一个变量。
我知道我可以编写自己的javascript / jquery代码来遍历行和单元格，但是看起来它们不使用带有<tr>和<td>的传统表，但是所有东西都是带有特定类名的。
例如，这是为一个制表表中的一行数据创建的所有HTML：
<div class="tabulator-row tabulator-selectable tabul
浏览 0提问于2019-02-15得票数 0
回答已采纳
编辑清楚(我希望！)
我已经使用了一段时间的制表器(即将移到4.0!)所以认为我有一个合理的掌握基础，并是一个伟大的球迷！
在这种情况下，我用一张桌子拿着一张服务员名单。用户(内部)可能需要在任何给定行上触发多个操作中的一个，并根据需要针对该行或该行中的数据。在这种情况下，我正在寻找一个右键单击上下文菜单的场景。
我能够通过rowContext回调捕获右键单击事件，并提取数据(row.getData()等)。用于即时操作，如console.log()等。
制表器Config:
waitListName = "waitlist" + bayID;
浏览 0提问于2018-09-25得票数 1
1回答
我来找您是因为我想在Laravel项目中使用库。我已经在我的项目中正确地安装了这个库(导入css和js脚本)。终端：
npm install tabulator-tables
resources/js/app.js
window.Tabulator = require('tabulator-tables/dist/js/tabulator.js');
resources/js/app.scss
@import 'variables';
@import "../../node_modules/tabulator-tables/dist/css/tabula
浏览 1提问于2021-07-09得票数 0
回答已采纳
1回答
我有一个..net核心应用程序。由于某些原因，制表器包含延迟。
这是我的Layout.cshtml
<!DOCTYPE html>
<div class="container body-content">
@RenderBody()
</div>
<head>
<link href="https://redacted.com/tabulator.min.css" rel="stylesheet" />
</head>
<script type=
浏览 12提问于2022-06-06得票数 0
回答已采纳
我正在使用制表器(jQuery插件)。我想用不同的列配置和数据动态地重新初始化同一div元素上的制表器。下面是我正在使用的示例div和脚本。我觉得，tabulator一旦渲染就不允许改变列的配置。
$("#sample_div").tabulator(tabulator_display_config);
//initialize and apply tabulator
$("#sample_div").tabulator("setData", table_data.Data);
//load data into the table
浏览 2提问于2017-09-07得票数 1
我使用带有vue.js的制表库，其中我希望从excel中复制一个或多个行，并将其粘贴到制表表中，但是在这样做时，数据只会粘贴在一个列中。
下面是来自excel的数据，我希望复制这些数据并粘贴到制表表(注意:制表表也有3列)，因此在粘贴这些excel数据时，这些数据将被添加到制表器中的一个列中，但我希望将这些复制的数据添加到3列中。有人能建议我该怎么做吗？
这是我的代码：
<template>
<div ref="table"></div>
</template>
<script>
import Tabula
浏览 5提问于2020-09-23得票数 0
未使用Tabulator.download()下载制表器。我尝试过使用CSV和xlsx格式，但是没有成功。我在react组件中使用npm包。数据在UI上的表格中可见。
它在以下函数中失败：
Download.prototype.downloaders = {
csv: function csv(columns, data, options, setFileContents, config)
控制台中显示的堆栈跟踪为：
Cannot read property 'forEach' of undefined
at parseRows (tabulator.js:11
浏览 0提问于2018-12-05得票数 1
1回答
我使用的是Google工作表，其中前端的表更新数据(Google webApp)
经过一些修改(通过在注释部分中添加DELETE )，最后2列没有得到更新，我将在下面为您的引用添加代码。
提前谢谢你。
main.html
<!DOCTYPE html>
<html>
<head>
<base target="_top">
<link href="https://unpkg.com/tabulator-tables@5.4.2/dist/css/tabulator_site.min.css&
浏览 10提问于2022-10-21得票数 1
回答已采纳
我有一个制表器表，在它的定义中带有selectable:true。但是有一个问题:按住shift键并拖动不会选择多个行。我尝试了: selectableRangeMode:"click“和/或selectableRollingSelection:true，但没有任何效果。请注意，我通过CSS设置偶数/奇数行的样式：.tabulator .tabulator-tableHolder.tabulator-table.tabulator-row.tabulator-.tabulator-odd{...如果这有任何影响的话。请帮帮忙。谢谢。
浏览 44提问于2019-02-22得票数 0
回答已采纳
1回答
我有一个Tabulator表，其中的标题具有这个CSS样式：
.mytabulator.green .tabulator-header
.tabulator-col {
background: #92d050;
}
.mytabulator.wrapped-headers .tabulator-header
.tabulator-col
.tabulator-col-content
浏览 0提问于2021-06-28得票数 0
回答已采纳
我使用这种方法显示表中的总行：
var tabulator_table = new Tabulator("#example", {
columns: [
{ title: "name", field: "name", bottomCalc: "count", headerFilter: "input" },
{ title: "Type"
浏览 2提问于2020-05-06得票数 1
回答已采纳
我试图在一个简单的Vue应用程序中使用vue-tabulator组件：，该应用程序恰好是用TypeScript编写的。
main.ts
import Vue from 'vue'
import VueTabulator from 'vue-tabulator'
import App from './App.vue'
Vue.config.productionTip = false
Vue.use(VueTabulator)
new Vue({
render: h => h(App)
}).$mount('#app'
浏览 10提问于2019-11-07得票数 1
回答已采纳
1回答
我在试着在cellClick上弹出一个模式。我没有收到任何错误，但它不工作。表仍然加载，我的其他函数在cellClick上运行，但不是模态函数。我用的是Vue，Tabulator，bootstrap。 <script>
var Tabulator = require('tabulator-tables')
export default {
name: 'Test',
data: function () {
return {
modalShow: false,
tabulator:
浏览 22提问于2019-03-24得票数 0
我尝试在我的Nuxt.js项目中添加Tabulator。我已经完成了下一个组件： <template>
<div ref="table"></div>
</template>
<script>
let Tabulator = require("tabulator-tables")
import 'tabulator-tables/dist/css/tabulator_simple.min.css'
let saveIcon = function(cell, forma
浏览 15提问于2019-09-15得票数 0
回答已采纳
1回答
据我所知，如果行不符合表的宽度，制表机将自动插入水平滚动条。
这是我的制表器组件：
<script lang="ts">
import {
Tabulator,
PageModule,
ReactiveDataModule,
ResponsiveLayoutModule,
ResizeTableModule
} from 'tabulator-tables';
import type { ColumnDefinition } from 'tabulator-tables';
import { o
浏览 6提问于2022-11-08得票数 0
回答已采纳
我正在尝试配置一个制表表来显示来自这个JSON：的数据
我的代码如下所示，我试图让它显示JSON文件中所有玩家的名字和助攻，任何帮助都是非常感谢的！谢谢
HTML
<link href="https://unpkg.com/tabulator-
tables@4.0.5/dist/css/tabulator.min.css" rel="stylesheet">
<script type="text/javascript" src="https://unpkg.com/tabulator-
tables@
浏览 0提问于2018-10-23得票数 2
我尝试在与vue.js v-on指令关联的table (一个javascript表库)中使用deleteRow()方法删除表格底部的行，但不起作用。 我尝试过使用table.deleteRow(1) (根据文档，arg是行索引)，但是返回了错误，尽管它的索引是1行。 methods: {
myDeleteRow: this.anyTable.deleteRow(1)
}
} tabulator.js?6dbe:7464 Uncaught (in promise) Delete Error - No matching row found
(anonymous) @
浏览 57提问于2019-05-23得票数 1
回答已采纳
我正在学习一个YouTube教程，我编写了下面的脚本来观看视频。
正如您在屏幕截图中看到的那样，当我们将注释部分从表中键入为“”时，我想要删除行。(代码在表中是可编辑的，而不是表单类型)
有办法吗？
main.html
<!DOCTYPE html>
<html>
<head>
<base target="_top">
<link href="https://unpkg.com/tabulator-tables@5.4.2/dist/css/tabulator_site.min.
浏览 8提问于2022-10-21得票数 0
回答已采纳
1回答
我在这里使用Vue制表器，当我继续缩小列的大小时，不要使用省略号。我们不能使用内联样式更新制表器中的列标题吗？
<VueTabulator ref="tabulator" v-model="receipts" :options="options" style="white-space: normal; text-overflow: clip"/>
但是当我检查元素时，空格和文本溢出的值没有变化。
我还尝试在vue组件中的样式标记中进行测试。没有运气
<style>
.tabulator .t
浏览 4提问于2022-11-24得票数 0
回答已采纳
使用制表器v5与Laravel (v8)。
在列的工具提示中，我要引用另一个属性。
这曾经在v4中起作用：
resources/js/app.js
import {TabulatorFull as Tabulator} from 'tabulator-tables';
window.Tabulator = Tabulator;
table.blade.php
var table = new Tabulator("#table", {
...
columns: [
{ title:'test', field:'test'
浏览 5提问于2021-11-12得票数 2
我已经设置了制表器插件并使用我的数据。目前，使用远程分页功能，但只要单击分页按钮，它就会加载数据，然后滚动到页面顶部。分页按钮不包含href="#"，因此它不应该尝试加载浏览器状态。
真正奇怪的是，它对我进行的任何相对于tabulator的ajax调用都是这样做的。我使用setData函数加载更新后的数据，它再次滚动到页面顶部。
下面是我的代码的一个非常简化的版本：
<div id="#tabulator"></div>
<script>
$("#tabulator").tabulator({
浏览 0提问于2018-06-07得票数 0
我遇到了如何在运行时更改制表器占位符的问题。因为有人建议在StackOverflow上提问，所以这里就是。有一个问题(closed - )有一个我尝试过的建议解决方案。不幸的是，它在创建过程中抛出了一个错误：
tabulator.min.js:4 Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.
at s.redraw (tabulator.min.js:4)
at e.h.redraw
浏览 0提问于2021-01-20得票数 0
我无法让cellEdited在5.0或更高版本中触发-它在4.9中可以，并且在v5.+中不起作用 我通读了升级文档，但没有看到这一功能可能发生了任何变化。 下面是一个小示例，说明以前有效但不再有效的方法。 提前谢谢。 <!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<link href="https://unpkg.com/tabulator-tables@5.0.7/dist/css/tabulator.min
浏览 17提问于2021-11-04得票数 1
回答已采纳
3回答
我试图在一个具有固定高度和宽度的div中创建一个制表表。
但是，如果没有足够的列/行数据来填充div的整个宽度或高度，则制表表仍将占据整个高度/宽度，只在空闲空间中填充灰色。
我怎样才能摆脱这个灰色地带？请注意，我不想调整行或列的大小。
function create_table() {
let table = new Tabulator("#table", {
data: [
{name: 'John', surname: 'Miller'},
{name: '
浏览 3提问于2019-10-22得票数 4
回答已采纳
我想要做的事情：，我有一个表的数据，序列化并存储在我的数据库中。在代码的这一部分中，我将检索和解析数据。我需要将列数据放入一个数组中，以便放入我的Tabulator表中，该表包括列标题以及headerSort: false等不同的设置。
问题：
Uncaught TypeError: Cannot read property 'field' of undefined tabulator.js?ver=5.2.3:1615
at new Column (tabulator.js?ver=5.2.3:1615)
at ColumnManager._addColumn (
浏览 5提问于2021-01-27得票数 0
我试图使用键盘向制表器添加新行，因此我按照以下步骤创建了一个扩展部分，如下所示
Tabulator.prototype.extendModule("keybindings", "actions", {
"addNewRow":function(){ //delete selected rows
var id = Math.floor((Math.random() * 10000) + 1) * -1;
Tabulator.addRow({ iD: id });
},
});
但是，我发现要添
浏览 3提问于2019-01-14得票数 0
回答已采纳
2回答
在我的Node.js应用程序的javascript模块中创建制表器时遇到了问题。我可以按照快速入门的说明在html文件中定义制表器，但是当我尝试在javascript模块中做同样的事情时，我得到了一个错误，说" tabulator ()不是一个方法“。我还创建了一个jquery-ui滑块，以确保该部分正常工作。
我已经安装了jquery、jquery-ui和jquery.tabulator，如下所示：
npm install jquery --save
npm install jquery-ui-dist --save
npm install jquery.tabulator --sa
浏览 2提问于2017-05-18得票数 1
1回答
我用的是制表器和Sveltekit。这是我的制表器-组件：
<script lang="ts">
import { Tabulator } from 'tabulator-tables';
import type { ColumnDefinition } from 'tabulator-tables';
import { onMount } from 'svelte';
export let data: any[], columns: ColumnDefinition[];
let tableComponent:
浏览 6提问于2022-11-08得票数 0
回答已采纳
我想使用Tabulator JavaScript库作为observablehq笔记本的一部分，但由于某些原因，我无法使它工作。下面是一个例子。在浏览器中工作很好，但我无法使它在observablehq中工作。是我在观察at方面的天真尝试。我还试图使用css和JavaScript urls加载require，但没有结果。
<html>
<script src="https://unpkg.com/tabulator-tables@5.3.0/dist/js/tabulator.min.js"></script>
<link hr
浏览 2提问于2022-09-02得票数 0
回答已采纳
我正在尝试在我的项目上实现一个可下载的表，我有所有需要的cdns，制表器已经由节点安装。我正在用Laravel编程。这是我到目前为止的代码：
<div id="example-table"></div>
<script type="text/javascript">
//Build Tabulator
var tabledata = [
{id:1, name:"Oli Bob", progress:"12", gender:"red", rating:""
浏览 6提问于2019-10-23得票数 0
我可以使用制表器在一个页面上呈现两个表。现在我需要将两个表导出到一个excel工作簿(不同的工作表)中。
我尝试过文档中提供的示例，但没有成功。
在head标记中包含的脚本
{{-- tabulator links --}}
<link rel="stylesheet" href="css/tabulator/tabulator_simple.css" rel="stylesheet">
<link rel="stylesheet" href="css/tabulator/tabulator_custom
浏览 43提问于2019-04-28得票数 1
回答已采纳
我在我的angular应用程序中使用了制表器的最新版本(4.7)。现在，我在顶部添加了一行，并希望忽略该行的验证，因为它不会保存数据。因此，我试图从validationFailed函数调用cell.clearValidation()，但它不起作用。我在控制台收到一个错误，就像-
tabulator.js:6672 Uncaught TypeError: self.table.modExists is not a function
at CellComponent.clearValidation (tabulator.js:6672)
at eval (eval at valid
浏览 2提问于2020-07-06得票数 0
我正在尝试为使用tabulator (^5.2.2)使用jest (v27)的javascript项目编写测试。该制表器正在导入并在JS文件中使用，如下所示
import {TabulatorFull as Tabulator} from "tabulator-tables";
...
var table = new Tabulator("#example-table", config)
...
当我使用webpack运行该项目并在浏览器中加载时，一切正常，但是当我尝试在开玩笑中运行同一个文件的测试时，我会得到以下错误。
FAIL tests/integra
浏览 10提问于2022-07-20得票数 5
我使用的是制表器4.1.5版，它没有渲染任何东西。下面是我的代码： <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Tabulator 4 Test</title>
<link href="tabulator-master-415/dist/css/tabulator.min.css" rel="stylesheet" />
<script src="tabul
浏览 17提问于2019-01-07得票数 1
1回答
我正在尝试将表格表5.4实现到应用程序中。目前正在使用示例from：当前表正在运行，其他排序程序运行良好，但date不想合作.控制台中有一个错误
RROR ReferenceError: luxon is not defined
at Sort.datetime$2 (tabulator_esm.js:18666:1)
at Sort.date$1 (tabulator_esm.js:18715:1)
at Sort._sortRow (tabulator_esm.js:19312:1)
at tabulator_esm.js:19284:1
at Ar
浏览 10提问于2022-10-06得票数 0
我不知道，StackOverflow是否适合询问性能问题，但我还没有找到更好的社区来解决这个问题。
基本上，我们有两个示例程序，一个是加载项，另一个是引用单词interop的winforms程序。
两者都实现了名为GetTabsFromParagraph的相同方法。
public class SlowExample
{
public static void GetTabsFromParagraph(Paragraph para, Style style, List<Tabulator> tabList, bool getTabsForCase = false)
{
浏览 3提问于2018-06-04得票数 1
我得到了这个错误...
5440 | this.bindModules();
5441 |
> 5442 | if (this.element.tagName === "TABLE") {
| ^ 5443 | if (this.modExists("htmlTableImport", true)) {
5444 | this.modules.htmlTableImport.parseTable();
5445 | }
当我尝试使用时。
import React, { useState, useEffect
浏览 5提问于2020-02-21得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
