Member 12292833 Ответов: 2

Автоматическое создание таблиц

Я создал таблицу с помощью div in asp.net, но это очень просто, так как мой сайт требовал 100 строк и 10 столбцов,
поэтому когда я создавал таблицы, это давало мне много строк в HTML,
подобный этому:


<tr>
                    <td style="border-style: solid"> </td>
                    <td style="border-style: solid"> </td>
                    <td style="border-style: solid"> </td>
                    <td style="border-style: solid"> </td>
                    <td style="border-style: solid"> </td>
                    <td style="border-style: solid"> </td>
                    <td style="border-style: solid"> </td>
                    <td style="border-style: solid"> </td>
                    <td style="border-style: solid"> </td>
                    <td style="border-style: solid"> </td>
                </tr>
                <tr>
                    <td style="border-style: solid"> </td>
                    <td style="border-style: solid"> </td>
                    <td style="border-style: solid"> </td>
                    <td style="border-style: solid"> </td>
                    <td style="border-style: solid"> </td>
                    <td style="border-style: solid"> </td>
                    <td style="border-style: solid"> </td>
                    <td style="border-style: solid"> </td>
                    <td style="border-style: solid"> </td>
                    <td style="border-style: solid"> </td>
                </tr>
                <tr>
                    <td style="border-style: solid"> </td>
                    <td style="border-style: solid"> </td>
                    <td style="border-style: solid"> </td>
                    <td style="border-style: solid"> </td>
                    <td style="border-style: solid"> </td>
                    <td style="border-style: solid"> </td>
                    <td style="border-style: solid"> </td>
                    <td style="border-style: solid"> </td>
                    <td style="border-style: solid"> </td>
                    <td style="border-style: solid"> </td>
                </tr>


Что я уже пробовал:

so anyone can help me if there is another way to generate the table automatically (10 columns, 100 rows)

2 Ответов

Рейтинг:
2

Homero Rivera

Вы можете использовать javascript для вычисления кода таблицы, а затем вставить его в этот элемент.

например, предположим, что у вас есть div, где эта таблица должна быть с идентификатором "TableDiv", все, что вам нужно, - это скрипт...

var tablestring = "<table>";

for (var i = 0; i < 100; i++) {
    tablestring += "<tr>"
   
    for (var j = 0; j < 10; j++) {
        tablestring += "<td style='border-style: solid'> </td>"
    }    
    
    tablestring += "</tr>"
}

tablestring += "</table>"
document.getElementById("TableDiv").innerHTML = tablestring;


Вы также можете вычислить таблицу на стороне сервера, если хотите, с тем же принципом, только ваш div "TableDiv" будет нуждаться в свойстве runat="server".

Существует также специфичный для ASP.Net элемент управления таблицей, который вы можете использовать, но для javascript может потребоваться такое же усилие (вам нужно вычислить содержимое) Класс HtmlTable (System .Web.UI.HtmlControls)[^]

BillWoodruff

+5

Рейтинг:
2

Member 12292833

Я должен написать скрипт в html вот так

<head runat="server">
<link href="CSS/Style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
   <pre> <script type="text/javascript">
     var tablestring = "<table>";
     for (var i = 0; i < 100; i++) {
     tablestring += "<tr>"
     for (var j = 0; j < 10; j++) {
     tablestring += "<td style='border-style: solid'> </td>"
     }    
     tablestring += "</tr>"
     }
     tablestring += "</table>"
     document.getElementById("TableDiv").innerHTML = tablestring;
    </script>



тогда я id=Tablediv вот так 
<div id="TableDiv">
         </div>

но это не работает