在两行apexcharts中显示数据表

，可以通过以下步骤来实现：

首先，确保你已经引入了apexcharts的库文件和相应的CSS样式表。
创建一个包含数据的数组，每个元素代表表格的一行数据。例如：

var data = [
  ['Name', 'Age', 'Country'],
  ['John', 25, 'USA'],
  ['Jane', 30, 'Canada'],
  ['David', 35, 'UK']
];

这个数组的第一个元素表示表头，后面的元素表示各个数据行。

创建两个空的div元素，分别用于显示表头和数据行。例如：

<div id="header"></div>
<div id="data"></div>

使用apexcharts的Bar Chart和Data Table来绘制两个图表。

Bar Chart是用来显示表头的。创建一个Bar Chart实例，指定数据和图表的配置选项。例如：

var options = {
  chart: {
    type: 'bar',
    height: 100
  },
  series: [{
    name: 'Header',
    data: data[0].slice(1)
  }],
  xaxis: {
    categories: data[0].slice(1)
  }
};

var chart = new ApexCharts(document.querySelector("#header"), options);
chart.render();

这里使用了data数组的第一个元素（表头），通过slice方法去掉了第一个元素（表头），然后将剩下的元素作为图表的数据。

Data Table是用来显示数据行的。创建一个Data Table实例，指定数据和表格的配置选项。例如：

var options = {
  data: {
    rows: data.slice(1)
  },
  columns: data[0].map(function (value, index) {
    return {
      title: value,
      data: index
    };
  })
};

var table = new Tabulator(document.querySelector("#data"), options);
table.render();

这里使用了data数组的slice方法去掉了第一个元素（表头），然后将剩下的元素作为数据行传递给Data Table。另外，通过map方法将表头的每个元素转换为列配置对象。

最后，将两个图表分别渲染到之前创建的div元素中。

通过以上步骤，你就可以在两行apexcharts中显示数据表了。注意，这里只是简单示例，你可以根据自己的需求和数据结构进行相应的配置和优化。