Условная ячейка внутри ячейки в CSS / PHP - PullRequest
Новая
       0

Условная ячейка внутри ячейки в CSS / PHP

0 голосов
/ 17 июня 2020

Я ищу способ (вероятно, на основе css) иметь ячейку таблицы внутри ячейки в верхнем правом углу материнской ячейки, но только в определенных условиях. Это часть структуры PHP / MySQL. Итак, примерно я ищу что-то вроде этого: 

<?php
echo "<table><tr><td>";

if ($something_true) {

$show_cell_like_this;
/*
 ________________
|           |_x_|
|               |
|     blah      |
|_______________|
*/
} else {

$show_cell_differently;
/*
________________
|               |
|               |
|     blah      |
|_______________|  
*/
}

echo "</td></tr></table>";

?>

Мы говорим о штуке с «x» в правом верхнем углу. Он будет маленьким, либо с кнопкой, либо с 3 или 4 символами. Очевидно, что в таблице будет больше ячеек, чем одна :-). Некоторые ячейки будут содержать «угловую вкладку», другие - нет. У кого-нибудь есть подсказка, а еще лучше: немного рабочего кода?

Ответы [ 3 ]

0 голосов
/ 18 июня 2020

Запустите фрагмент, и я надеюсь, что этот код будет иметь смысл. :) 

.table-1 {
  background-color: #f00;
  display: table;
  padding: 20px;
}

.table-cell-1 {
  background-color: #0f0;
  display: table-cell;
   padding: 20px;
}

.table-2 {
  display: table;
}

.table-cell-2 {
  background-color: #00f;
  display: table-cell;
}
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Document</title>
  </head>
  <body>
    <div class="table-1">
      <div class="table-cell-1">
        <p>This is a table cell</p>
        <div class="table-2">
          <p class="table-cell-2">This is a table cell in a table cell</p>
        </div>
      </div>
    </div>
  </body>
</html>
0 голосов
/ 18 июня 2020

Только что нашел хорошее почти готовое решение в этом самом Stackoverflow: Могу ли я абсолютно позиционировать элемент в правом верхнем углу элемента ?

0 голосов
/ 17 июня 2020

Если вы хотите, чтобы ячейка таблицы находилась внутри ячейки таблицы, внутри первой ячейки таблицы, создайте div и установите его отображение в таблице. Внутри div поместите свой контент и установите отображение в ячейку таблицы. Надеюсь, это ответ на ваш вопрос.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...