Как реализовать вертикальную колонку в сетке? Ext JS 6 - PullRequest
Новая
       4

Как реализовать вертикальную колонку в сетке? Ext JS 6

2 голосов
/ 05 февраля 2020

Мне нужно реализовать в сетке без использования data:[ ], поэтому он имеет те же параметры, что и горизонтальный заголовок в таблице (текст, статус c, сортируемый, фиксированный и т. Д. c.).

enter image description here

Существует пакет Pivot, который предоставляет такую ​​возможность, но, к сожалению, я не могу его использовать.

Есть ли альтернативный способ создания вертикального столбца в сетке?

PS: Treelist тоже не вариант.

1 Ответ

1 голос
/ 05 февраля 2020

Надеюсь, это поможет вам! (это независимое решение, а не часть ext Js) 

<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>
...