JQueryを使ったカスタムテーブルレイアウト

Question

私はテーブルレイアウト（JQueryとテーブルプラグインを使って - DataTablesを使って）の表示を操作して、個々の行が各 "フィールド"（列）は独自の書式設定とキャンバス上の配置を持ちます（クライアントは、各行のテーブル出力が、書式設定されているAccessフォームビューのように見えます）。

"適切な"データベースは、検索/フィルタ以外の対話性がなく、100〜200行以下の5/6列に制限されている単なるテーブルです。

貴重ではありませんが、検索機能とページ機能を使用できるようにDataTablesを使用したかったのです。

レイアウト要求を開始するには考え...

任意のポインタを大幅に受け取りました。

乾杯同様に グレン

Answer 1

使用テーブル下のショーは、ここでは、TD

<div class="table-responsive"> 
    <label for="hr ">SKILLS:</label> 
    <table class="table table-bordered" id="dynamic_field"> 
     <tr> 
      <span class="form-group" id="appendBefore"></span> 
      <td><input class="skill" type="text" name="skills[]" placeholder="Enter skill" class="form-control name_list" /></td> 
      <td><select name="experience[]"> 
              <option value="">select</option> 
         <option value="fresher">fresher</option> 
         <option value="0-1">0-1</option> 
         <option value="2-3">2-3</option> 
         <option value="2-4">2-4</option> 
         <option value="3-4">3-4</option> 
         <option value="3-5">3-5</option> 
         <option value="0-5">0-5</option> 
         <option value="2-5">2-5</option> 

             </select></td> 

      <td><button type="button" name="add" id="add" class="btn btn-success">Add More</button></td> 
     </tr> 
     <tr> 
      <!-- add next input item into td --> 
      <td>input item</td> 
     </tr> 
    </table> 

</div> 

を使用して、次の入力を追加して、あなたを助けるかもしれないデモです：https://jsfiddle.net/tn8v2p78/1/

上記の溶液あなたが必要とするものではありませんが、あなたを助けます（希望）。