Таблица HTML TD со значением по умолчанию

Question

Есть ли способ заполнить пустой <td></td>, если данных в нем нет?

<table><tr><td></td><td>1</td><td></td></tr></table> 

Изменить это:

<table><tr><td>Not Data</td><td>1</td><td>No Data</td></tr></table> 

Answer 1

не с самого HTML.

Обычно вы делаете это, создавая HTML, используя данные на языке программирования и шаблоне, с логикой шаблона, используемой для вставки значения по умолчанию, если из данных не поступало.

Answer 2

Вы можете добавить пустую комнату: & nbsp;

Answer 3

Не будет работать только с html.

это зависит от того, как вы создаете свой HTML-DOM. Если это всего лишь чистый HTML-файл (* .html), вы можете проверить значение, добавив некоторый JavaScrit/JQuery.

Но если вы пытаетесь это сделать, обязательно дайте таблице/tr или td дать идентификаторы элемента.

<table> 
    <tr id="1"> 
    <td id="1_1"></td> 
    <td id="1_2">1</td> 
    <td id="1_3"></td> 
    </tr> 
</table> 

<script type="text"> 
/* For the amount of rows */ 
for(var outeri = 1; outeri <= 1; outeri++) 
{ 
    /* For the amount of columns */ 
    for(var ineri = 1; ineri <= 3; ineri) 
    { 
     var innertd = String(outeri + '_' + ineri); 

     if(document.getElementById(inntertd).innerHTML == '') 
     { 
      document.getElementById(inntertd).innerHTML = 'No Data'; 
     } 
     else {continue;} 
    } 
} 
</script> 

Этот пример не очень реалистичен и, скорее всего, не будет выполнен, если только ваша таблица не является статичной.

Answer 4

Немного хакерский, потому что он меняет только визуальный аспект. Вы можете сделать это с помощью CSS:

table, td {border: 1px solid black; padding: 4px; border-collapse: collapse} 
 
td:empty::before {content: "No Data"}

<table> 
 
    <tr> 
 
    <td></td> 
 
    <td>Real data</td> 
 
    <td></td> 
 
    </tr> 
 
</table>