Question

我目前正在使用表格，现在想知道是否可以在第一个和最后一个单元格中添加带有预定义代码的列。

这是我目前的表格代码：

<div>
<table id="myTable" class="tablesorter">
<colgroup>
<col class="nam">
<col class="dastgah">
<col class="inform">
<col class="sherkat">
<col class="reviews">
<col class="genre">
<col class="dastgahedigar">
<col class="saal">
<col class="didam">
<col class="seriesid">
</colgroup>        

<thead>
<tr>
<th>Nam</th>
<th>Dastgah</th>
<th>Info</th>
<th>Sherkat</th>
<th>R</th>
<th>Type</th>
<th>Dastgahe Digar</th>
<th>Saal</th>
<th>Baazi<br>Kardam<br>Didam</th>
<th>Series<br>ID</th>
</tr>
</thead>

<tbody>


<tr class="">
<td><a>23 Matches</a></td>
<td><a>Bally Astrocade TAPE</a></td>
<td><a>Tape from the Bob Fabris Collection</a></td>
<td><a>Rich Tietjens</a></td>
<td><a></a></td>
<td><a></a></td>
<td><a></a></td>
<td><a>1980</a></td>
<td><a></a></td>
<td><a></a></td>
</tr>

我想在表的开头添加一个列，在表的末尾添加一列，如下所示：

<tr class="">
<td><img src="test.png" width="130" height="180" align="middle" ></td>
<td><a>23 Matches</a></td>
<td><a>Bally Astrocade TAPE</a></td>
<td><a>Tape from the Bob Fabris Collection</a></td>
<td><a>Rich Tietjens</a></td>
<td><a></a></td>
<td><a></a></td>
<td><a></a></td>
<td><a>1980</a></td>
<td><a></a></td>
<td><a></a></td>
<td><video src="test.mp4"  height="181" width="199" controls></video></td>

</tr>

我想添加带有预定义代码的第一列和最后一列，或者至少将第一个和最后一个单元格的代码复制到每一行。

目前我正在用记事本手动完成。我想添加行，然后再对它们进行处理，例如稍后将更改img源代码。我认为唯一的JavaScript是用于列出升序和降序列的jQuery脚本。

我部分找到了jQuery代码的解决方案：

$(document).ready(function(){
    $('table').find('tr').each(function(){
        $(this).find('td').eq(0).before('<td><img src="Dastgahaye_Nasle_3-Dateien/Aksha/C64/Cover/Cover_Nadare.png" width="130" height="180" align="middle"></td>');
    });
 });

有没有办法在列生成后保存代码，这样每次加载页面时都不需要生成列？我尝试在Firefox中保存它，但这样就会生成列，但文件夹路径将被删除。

Answer 1

有很多方法可以做，但你必须使用编程或脚本语言才能这样做。

您可以使用jQuery轻松实现这一目标，查看此答案：Add table row in jQuery，或使用PHP（directly 或使用codeigniter等框架）

修改

动态构建页面（更改您想要的任何内容）只需更改脚本或您从中获取的源（mysql，ajax调用等）。

尝试并选择一个让您的生活更轻松的jQuery插件，您可以看到list of a couple of nice plugins here。

将具有预定义代码的列添加到第一个和最后一个单元格

1 个答案: