0

Нужно сделать полосатую таблицу. Все было бы довольно просто, но мою таблицу генерирует js с помощтю такого метода:

 $.getJSON('http://localhost/nop', function (data) {
    $("#numberOfAuct").html(data.length);

    for (var i = 0; i < data.length; i++) {        
       $('#auctionFields').append('<tr><td>' + data[i].time + '</td><td>' + data[i].branch +
       '</td><td> Join Now ' + '<a href="Inventory/' + data[i].branch_code + '/1">1 </a>' + '<a href="Inventory/' + data[i].branch_code + '/2">2 </a>' + '<a href="Inventory/' + data[i].branch_code + '/3">3</a>' + '</td><td>' + data[i].branch_code + '</td><tr>');
    }
});

и генерирует он почему-то таблицу вида:

<tr><tr> <tr> information <tr> <tr><tr> <tr> information <tr> <tr><tr> <tr> information <tr>

тоесть пустые tr , потом tr с информацией и тд

Как мне сделать чтобы поля в таблице чередовали цвет или как убрать эти пустые поля?

4
  • Давайте исключим из вопроса сам аякс запрос и будем работать только с самими данными, которые он вернул.
    – br3t
    30 июн 2017 в 12:02
  • Саму полосатость можно сделать через css even/odd w3.org/Style/Examples/007/evenodd.en.html
    – br3t
    30 июн 2017 в 12:09
  • я же описал что генерирует он лишную строку 30 июн 2017 в 12:12
  • По предоставленной вами информации невозможно определить, почему такое происходит. Вы уверены, что это единственный участок кода, который добавляет строки в данную таблицу?
    – br3t
    30 июн 2017 в 12:18

1 ответ 1

1

У вас ошибка при выводе строки. В конце должен быть закрывающийся </tr>, а у вас открывающийся. Пустые tr появляются вследствии попыток браузера исправить ошибки разметки. Если исправить так, то пустых строк не будет (если конечно в данных их нет)

$('#auctionFields').append('<tr><td>' + data[i].time + '</td><td>' + data[i].branch + '</td><td> Join Now ' + '<a href="Inventory/' + data[i].branch_code + '/1">1 </a>' +
'<a href="Inventory/' + data[i].branch_code + '/2">2 </a>' + '<a href="Inventory/' + data[i].branch_code + '/3">3</a>' + '</td><td>' + data[i].branch_code + '</td></tr>');
1
  • точно! спасибо! моя невнимательность =( 30 июн 2017 в 13:44

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.