将Bootstrap DataTable添加到ASP.NET中的文字中

Question

我正在尝试将Bootstrap DataTable添加到我的项目中。
当我在源中尝试以下代码时，它可以正常工作

 <table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered table-hover" id="example">
<thead>
    <tr>
        <th>Rendering engine</th>
        <th>Browser</th>
        <th>Platform(s)</th>
        <th>Engine version</th>
        <th>CSS grade</th>
    </tr>
</thead>
<tbody>
    <tr class="odd gradeX">
        <td>Trident</td>
        <td>Internet
             Explorer 4.0</td>
        <td>Win 95+</td>
        <td class="center"> 4</td>
        <td class="center">X</td>
    </tr>
    <tr class="even gradeC">
        <td>Trident</td>
        <td>Internet
             Explorer 5.0</td>
        <td>Win 95+</td>
        <td class="center">5</td>
        <td class="center">C</td>
    </tr>
    <tr class="odd gradeA">
        <td>Trident</td>
        <td>Internet
             Explorer 5.5</td>
        <td>Win 95+</td>
        <td class="center">5.5</td>
        <td class="center">A</td>
    </tr>
    <tr class="even gradeA">
        <td>Trident</td>
        <td>Internet
             Explorer 6</td>
        <td>Win 98+</td>
        <td class="center">6</td>
        <td class="center">A</td>
    </tr>
    <tr class="odd gradeA">
        <td>Trident</td>
        <td>Internet Explorer 7</td>
        <td>Win XP SP2+</td>
        <td class="center">7</td>
        <td class="center">A</td>
    </tr>
</tbody>

同时，当我尝试从后面的代码执行此操作时，它会失败

string table_contect = "<table cellpadding="+"" cellspacing="+"" border="+"" class="+""table table-striped table-bordered table-hover""+" id="+""example'" +"><thead><tr><th>Rendering engine</th><th>Browser</th><th>Platform(s)</th><th>Engine version</th><th>CSS grade</th></tr></thead>";
        table_contect += " <tbody><tr class=" + ""odd gradeX""+ "><td>Trident</td><td>Internet Explorer 4.0</td><td>Win 95+</td><td class=" + ""center"" + "> 4</td><td class=" + ""center"" + ">X</td></tr><tr class=" + ""even gradeC"" + ">";
        table_contect += "<td>Trident</td><td>Internet Explorer 5.0</td><td>Win 95+</td><td class=" + ""center"" + ">5</td><td class=" + ""center"" + ">C</td></tr><tr class=" + ""odd gradeA"" + "><td>Trident</td><td>Internet Explorer 5.5</td>";
        table_contect += "<td>Win 95+</td><td class=" + ""center"" + ">5.5</td><td class=" + ""center"" + ">A</td></tr><tr class=" + ""even gradeA"" + "><td>Trident</td><td>Internet Explorer 6</td><td>Win 98+</td><td class=" + ""center"" + ">6</td><td class=" + ""center"" + ">A</td>";
        table_contect += "</tr><tr class=" + ""odd gradeA"" + "><td>Trident</td><td>Internet Explorer 7</td><td>Win XP SP2+</td><td class=" + ""center"" + ">7</td><td class=" + ""center"" + ">A</td></tr><tr class=" + ""even gradeA"" + "><td>Trident</td><td>AOL browser (AOL desktop)</td><td>Win XP</td>";
        table_contect += "<td class=" + ""center"" + ">6</td><td class=" + ""center"" + ">A</td></tr><tr class=" + ""gradeA"" + "><td>Gecko</td><td>Firefox 1.0</td><td>Win 98+ / OSX.2+</td><td class=" + ""center"" + ">1.7</td><td class=" + ""center"" + ">A</td></tr><tr class=" + ""gradeA"" + "><td>Gecko</td><td>Firefox 1.5</td>";
        table_contect += "<td>Win 98+ / OSX.2+</td><td class=" + ""center"" + ">1.8</td><td class=" + ""center"" + ">A</td></tr><tr class=" + ""gradeA"" + "><td>Gecko</td><td>Firefox 2.0</td><td>Win 98+ / OSX.2+</td><td class=" + ""center"" + ">1.8</td><td class=" + ""center"" + ">A</td></tr><tr class=" + ""gradeA"" + "><td>Gecko</td>";
        table_contect += "<td>Firefox 3.0</td><td>Win 2k+ / OSX.3+</td><td class=" + ""center"" + ">1.9</td><td class=" + ""center"" + ">A</td></tr><tr class=" + ""gradeA"" + "><td>Gecko</td>";
        table_contect += "<td>Camino 1.0</td><td>OSX.2+</td><td class=" + ""center"" + ">1.8</td><td class=" + ""center"" + ">A</td></tr><tr class=" + ""gradeA"" + "><td>Gecko</td><td>Camino 1.5</td><td>OSX.3+</td><td class=" + ""center"" + ">1.8</td>";
        table_contect += "<td class=" + ""center"" + ">A</td></tr><tr class=" + ""gradeA"" + "><td>Gecko</td><td>Netscape 7.2</td><td>Win 95+ / Mac OS 8.6-9.2</td><td class=" + ""center"" + ">1.7</td>";
        table_contect += "<td class=" + ""center"" + ">A</td></tr><tr class=" + ""gradeA"" + "><td>Gecko</td><td>Netscape Browser 8</td><td>Win 98SE+</td><td class=" + ""center"" + ">1.7</td>";
        table_contect += "<td class=" + ""center"" + ">A</td></tr><tr class=" + ""gradeA"" + "><td>Gecko</td><td>Netscape Navigator 9</td><td>Win 98+ / OSX.2+</td><td class=" + ""center"" + ">1.8</td>";
        table_contect += "<td class=" + ""center"" + ">A</td></tr><tr class=" + ""gradeA"" + "><td>Gecko</td><td>Mozilla 1.0</td><td>Win 95+ / OSX.1+</td><td class=" + ""center"" + ">1</td><td class=" + ""center"" + ">A</td>";
        table_contect += "</tr><tr class=" + ""gradeA"" + "><td>Gecko</td><td>Mozilla 1.1</td><td>Win 95+ / OSX.1+</td><td class=" + ""center"" + ">1.1</td><td class=" + ""center"" + ">A</td></tr></tbody></table>";
        //Response.Write(table_contect);
        Literal1.Text = table_contect;<br>

我得到了没有标题，过滤器文本框，分页的行。为什么会发生这种情况。

我正在同一页面本身中尝试。

Answer 1

看起来，您的第一位字符串串联是无效的，并且不会产生与您之前显示的相同的输出。例如，这个位：

"<table cellpadding="+"" cellspacing="+""...

应该阅读：

"<table cellpadding="0" cellspacing="0"...

整个过程中也有很多不必要的串联。

如果您想准确地表示要生成的内容，则最好在调试时丢弃table_contect的内容。如果您正在从浏览器中查看源，则浏览器很可能会尝试维修并理解结构不佳的HTML。因此，这将无法准确地了解您正在编程生成的HTML。

您在一个大字面上可以通过编程方式构建它哪些优点？有一个System.Web.UI.HtmlControls.HtmlTable，您可以用来分解并分别指定行。