Ячейки таблицы HTML не одинаковы по ширине в Firefox, хорошо в Chrome и IE8 - PullRequest
Новая
       5

Ячейки таблицы HTML не одинаковы по ширине в Firefox, хорошо в Chrome и IE8

1 голос
/ 03 октября 2010

Я работаю над приложением в ASP.NET MVC 2, и вывод таблицы выглядит так, как я ожидал в Chrome и IE8:

alt text

но вот как это выглядит в FF 3.6.8 это выглядит так:

alt text

Я использую Javascript / jQuery для добавления строк, это код: 

        function onAddItem() {
        itemCount = itemCount + 1;
        var rowString = "<tr id=" + itemCount + ">";
        rowString = rowString + "<td>" + document.getElementById("Order_productcode").value + "</td>";
        rowString = rowString + "<td>" + document.getElementById("Order_productsku").value + "</td>";
        rowString = rowString + "<td>" + document.getElementById("Order_productdesc").value + "</td>";
        rowString = rowString + "<td align=\"right\">" + document.getElementById("ItemQuantity").value + "</td>";
        rowString = rowString + "<td>" + document.getElementById("Order_productweight").value + "</td>";
        rowString = rowString + "<td>" + document.getElementById("Order_productcost").value + "</td>";
        rowString = rowString + "</tr>";
        $row = $(rowString);
        $row.hide().fadeIn("slow").appendTo("#orderedItems table tbody");
    }

Глядя в Firebug, я обнаружил, что созданная строка выглядит следующим образом: 

 <tr style="display: block;" id="1"><td>EC5931A-Tote</td><td>100002</td><td></td><td align="right"></td><td>0</td><td>33250.00</td></tr></tbody>

то есть он добавляет style="display: block;", что, похоже, является проблемой (когда я редактировал его в Firebug, он выглядел правильно, т.е. как в IE и Chrome) Почему Firefox делает это, и как я могу остановить его?

РЕДАКТИРОВАТЬ: я удалил .hide().fadeIn("slow"), и теперь он работает правильно в Firefox. Кажется, это ошибка в jQuery с Firefox, хотя я не видел ее на сайте jQuery.

...