title: datatables add combobox as a column
body: <p>I have got a datatable using <a href="http://www.datatables.net/" rel="nofollow">Datatables</a>. I have created and filled the table as shown below. Now I need to implement a combobox (assume that I have got 2010, 2011,2012) to allow the user select a year . then when user clicks View or Modify link, which is placed in the table, selected year will be passed to another page as a parameter. </p>
  
  <p>Now how can I turn my year column into a combobox?</p>
  
  <pre><code>        rulesTableGlobal = $('#rulesTable').dataTable( {
              //"bJQueryUI": true,
              "sPaginationType": "full_numbers",
              "aoColumns": [
                   { "sTitle": "Id", "sWidth" : "20px" },
                   { "sTitle": "Property ID" , "sWidth"  : "20px"},
                   { "sTitle": "Adress" , "sWidth"  : "130px"},
                   { "sTitle": "Suburb" , "sWidth"  : "50px"},
                   { "sTitle": "Bond", "sWidth"  : "25px" },
                   { "sTitle": "Year", "sWidth"  : "25px" , "aType": "dom-select"},
                   { "sTitle": "View or Modify" , "sWidth"  : "50px"}]
  
          });
  
      function addPropertyToTable( lt_id, lt_uid, address, suburb_name, min_guests, max_guests,
                                   bondFee,cleaningFee,bookingServiceFee, weekly_rate,nightly_rate){
  
          var _lt_id = "\'" + lt_id + "\'";
          var viewLink    = '&lt;A href="#" onclick="forwardDetails('+_lt_id+');"&gt;View and Modify&lt;/A&gt;';          
          var year= "";
  
          $('#rulesTable').dataTable().fnAddData( [
                                   lt_id, lt_uid, address, suburb_name, bondFee,cleaningFee,bookingServiceFee,  weekly_rate,nightly_rate, min_guests, max_guests, year, viewLink ] );
  
  
      }
  
          });
  
      }
  </code></pre>