установить ограничение на количество столбцов на строку в HTML-таблице

Question

установить ограничение на количество столбцов на строку в HTML-таблице

0

Могу ли я узнать, какие способы ограничить количество столбцов таблицы Html (например, 3 столбца на строку)?

FYI, я использую row.insertCell() для добавления ячеек в определенную строку с совпадением идентификатора строки. Я хочу ограничить номер ячейки только 3 в строке в таблице.

user3156931 04 янв. 2014, в 08:41

Источник

0

просто проверьте перед row.insetCell, сколько ячеек в таблице уже есть, если она равна 3, вы не вставляете ячейку.
user1625871 04 янв. 2014, в 07:50
0

но как я могу проверить?
user3156931 04 янв. 2014, в 08:01
0

Пожалуйста, добавьте код, который у вас есть. Вы создаете новую таблицу или, скорее, добавляете новые ячейки / строки в таблицу после действия пользователя?
Teemu 04 янв. 2014, в 11:01

Показать ещё 1 комментарий

Теги:

javascript

html

html-table

4 ответа

1

Используйте коллекцию row.cells чтобы проверить, сколько ячеек содержит строка.

var row = document.getElementById('row_id'),
    cells = row.cells, max = 3;
if (cells.length < max) {
    // Add cell(s) to #row_id
}

Teemu 04 янв. 2014, в 07:23

1

"Ограничить"? Там нет естественного предела. Вам придется принудительно применять его самостоятельно на свой собственный код.

Проверьте, содержит ли строка, в которую вы вставляете уже 3 ячейки, и не добавляйте новую, если она есть.

Madara Uchiha 04 янв. 2014, в 06:46

0

Я знаю, что нет никакого «предела», но я хочу установить для него ограничение. Я хочу ограничить ячейки подряд до 3 и создать еще одну новую строку после того, как предел достигнут, какие-либо идеи?
user3156931 04 янв. 2014, в 08:00

0

for(i=0;i<3;i++)
row.insertCell()

Mudassir Hasan 04 янв. 2014, в 07:15

Ещё вопросы

просто проверьте перед row.insetCell, сколько ячеек в таблице уже есть, если она равна 3, вы не вставляете ячейку.
Пожалуйста, добавьте код, который у вас есть. Вы создаете новую таблицу или, скорее, добавляете новые ячейки / строки в таблицу после действия пользователя?
Я знаю, что нет никакого «предела», но я хочу установить для него ограничение. Я хочу ограничить ячейки подряд до 3 и создать еще одну новую строку после того, как предел достигнут, какие-либо идеи?

Mohit · Accepted Answer · 2014-01-04T08-28-00.000Z

Такого ограничения в стандарте javascript или html нет. вы должны обеспечить его соблюдение самостоятельно, как правило, во время вставки.

Простой счетчик делает трюк.

var items = ['c00', 'c01', 'c02', 'c10', 'c11', 'c12'];  //sample data

var table = document.getElementById("myTable");
var row;

for(var i = 0; i < items.length; i++){
  if(i % 3 == 0) {   //after every third cell add a new row and change the row variable to point to it
     row = table.insertRow(-1);      
  }
  var cell = row.insertCell(-1);  //simply insert the row
  cell.innerHTML = items[i];
}

есть несколько способов сделать это. это будет зависеть от того, как вы структурируете свой код.

большое спасибо!!! Я думаю, я понял! :)