Question

我需要在网格中实现而不使用data:[ ]，因此它具有与表中水平标题相同的参数（文本，静态，可排序，固定等）。

有一个Pivot软件包，它提供了这样的机会，但是很遗憾，我不能使用它。

有没有其他方法可以在网格中创建垂直列？

P.S .：树形列表也不是一种选择。

Answer 1

希望这对您有所帮助！（这是一个独立的解决方案，不是extJ的一部分）

<html>
<head>
<style>
body {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 0.5rem;
  grid-auto-flow: row dense;
}

.column1 {
  grid-column-start: 1;
  background-color: #f3f3f3;
  padding: 2px;
}

.column2 {
  grid-column-start: 2;
  background-color: #ccc;
  padding: 2px;
}
.column3 {
  grid-column-start: 3;
  background-color: #ccc;
  padding: 2px;
}
</style>
</head>
<body>
<span class="column1">1</span>
<span class="column1">2</span>
<span class="column1">3</span>
<span class="column1">4</span>
<span class="column2">5</span>
<span class="column2">6</span>
<span class="column2">7</span>
<span class="column3">8</span>
<span class="column3">9</span>
<span class="column3">10</span>
</body>
</html>

如何在网格中实现垂直列？ ExtJS 6

1 个答案: