Javascript 处理数据表的相对位置

我需要有关datatables中“rel”标记的帮助。我有一个表，它的第一列包含一个图像，最后一列包含一个按钮，但是如果我需要添加一个包含数据的新行，该表要求我用一个“rel”编号映射每个字段，但我不需要第一列和最后一列的“rel”编号，请问我该怎么做？下面给出了html的几行内容：

<thead>
        <tr>
            <th></th>
            <th>SiteID</th>
            <th>SiteRef</th>
            <th>SupplierID</th>
            <th>StartDate</th>
            <th>EndDate</th>
            <th>Voltage</th>
           <th></th>
        </tr>
    </thead>

站点ID
SiteRef
供应商
起始日期
结束日期
电压

向表中添加新行数据的窗体

 <form id="formAddNewRow" action="#" title="Add new supplier">
     <input type="hidden" name="ID" id="ID" value="DATAROWID"/>
     <input type="hidden" name="name" id="name" value ="" rel="0" />
            <label for="SiteID">Site ID</label><br />
        <input type="text" name="SiteID" id="SiteID" class="required" rel="1" />
            <br />
            <label for="SiteRef">Site Ref</label><br />
        <input type="text" name="SiteRef" id="SiteRef" rel="2" />
            <br />
            <label for="SupplierID">Supplier ID</label><br />
        <textarea name="SupplierID" id="SupplierID" rel="3"></textarea>
            <br />
               <label for="StartDate">Start Date</label><br />
        <textarea name="StartDate" id="StartDate" rel="4"></textarea>
            <br />
               <label for="EndDate">End Date</label><br />
        <textarea name="EndDate" id="EndDate" rel="5"></textarea>
            <br />
               <label for="voltage">Voltage</label><br />
        <textarea name="Voltage" id="Voltage" rel="6"></textarea>
            <br />

    </form> 

站点ID



站点参考



供应商ID



开始日期



结束日期



电压

下面给出了datatable ajaxsource的“aoColumns”

"aoColumns": [
            {

                "class":          'details-control',
                "orderable":      false,
                "mData":           null,
                "defaultContent": ""
            },
            { "mData": "SiteID" },
            { "mData": "SiteRef" },
            { "mData": "SupplierID" },
            { "mData": "StartDate" },
            { "mData": "EndDate" },
            { "mData": "Voltage" },
            {


                //"orderable":      false,
                "mData":           null,
                "defaultContent": '<input type=\"button\" id = \"selectLetter\" name=\"selectLetter\" value=\"select">'
            } 

            ]

“aoColumns”：[
{
“类”：“详细信息控制”，
“可订购”：错误，
“mData”：空，
“defaultContent”：”
},
{“mData”：“SiteID”}，
{“mData”：“SiteRef”}，
{“mData”：“供应商ID”}，
{“mData”：“StartDate”}，
{“mData”：“EndDate”}，
{“mData”：“电压”}，
{
//“可订购”：错误，
“mData”：空，
“defaultContent”：”
} 
]

---

谢谢你的回答。

我相信这是可以回答的，但我太懒了，不想做一个小玩意儿或小提琴。如果你有，我会回来的。但是我想你应该检查aoColumns的mRender函数而不是defaultContent。哦，请回来帮助我，我有一个fiddle帐户，你的意思是我应该在我的fiddle帐户上创建它吗？我也会检查mRender功能。谢谢。是的，你应该这样做。这会吸引其他愿意帮助的用户。谢谢但在我的机器上有一些js文件的情况下，我如何在fiddle中做到这一点，因为fiddle实际上不会实现我需要它实现的东西。另外，我从数据库中获取数据，那么我如何在fiddle中也做到这一点呢？这就是为什么我懒得收集datatables和jEditable的所有js，并猜测您的实现可能会是什么样子。只需提供一个简单的示例，说明您希望代码做什么，模拟一些硬编码的数据，因为ajax不太容易从一个小提琴上工作。如果你的例子没有达到预期效果，不要担心，只要你付出一些努力，省去其他人的猜测，你就没事了。