Css в компоненте таблицы pentaho
Доброе утро,
Очень простой вопрос: я создал расширяемую таблицу, состоящую из основной таблицы и двух дополнительных таблиц. Что со мной происходит, так это то, что я хочу, чтобы они отображались в режиме лестницы (основная общая ширина, вторая наименьшая и выровненная по правому краю, а третья справа и меньше). Я не знаю, где разместить код css. В панели макета я должен поместить класс css для столбца? тогда где мне поместить код css, относящийся к этим классам?
Большое тебе спасибо
У меня нет кода CSS, потому что я не знаю, где и как мне поместить этот код. Но я вставил изображение, чтобы объяснить ситуацию. красные таблицы - это то, что у меня есть сейчас, зеленые - то, что я хочу
Ответы 1
Обновите таблицу margin-left, используя CSS :nth-child() Selector или добавив class, как показано ниже.
body {
margin: 0;
}
table {
border: 1px solid #dee2e6;
width: 100%;
max-width: 100%;
margin-bottom: 1rem;
background-color: transparent;
border-collapse: collapse;
}
table td,
table th {
padding: 5px 10px;
vertical-align: top;
border: 1px solid #ccc;
}
/* staircase style */
table:nth-child(2) {
margin-left: 50px;
}
table:nth-child(3) {
margin-left: 100px;
}<table>
<tr>
<th>header 1</th>
<th>header 2</th>
<th>header 3</th>
<th>header 4</th>
</tr>
<tr>
<td>content 1</td>
<td>content 2</td>
<td>content 3</td>
<td>content 4</td>
</tr>
</table>
<table>
<tr>
<th>header 1</th>
<th>header 2</th>
<th>header 3</th>
<th>header 4</th>
</tr>
<tr>
<td>content 1</td>
<td>content 2</td>
<td>content 3</td>
<td>content 4</td>
</tr>
</table>
<table>
<tr>
<th>header 1</th>
<th>header 2</th>
<th>header 3</th>
<th>header 4</th>
</tr>
<tr>
<td>content 1</td>
<td>content 2</td>
<td>content 3</td>
<td>content 4</td>
</tr>
</table>спасибо, но где я должен поместить этот код в pentaho cde? Я не знаю, куда мне это положить.
никогда не использовал pentaho, поэтому не могу там помочь
Привет, добро пожаловать в переполнение стека. Найдите время, чтобы прочитать, как задать вопрос, Мы не сможем вам помочь, если вы не предоставите никакого кода, не могли бы вы поместить свой код, желательно в Фрагмент стека. См. Как создать минимальный, полный и проверяемый пример