From ac9e454e114e0b5ae755f0da0fba80c433edc350 Mon Sep 17 00:00:00 2001
From: Allan Jardine <allan.jardine@sprymedia.co.uk>
Date: Fri, 13 Apr 2012 13:31:02 +0100
Subject: [PATCH] New: Column option "sCellType" - allows you to create TD
 (default) or TH cells for a column. Useful for creating row headings in the
 TBODY.

---
 media/js/jquery.dataTables.js             | 25 ++++++++++++++++++++++-
 media/src/core/core.draw.js               |  2 +-
 media/src/model/model.defaults.columns.js | 23 +++++++++++++++++++++
 3 files changed, 48 insertions(+), 2 deletions(-)

diff --git a/media/js/jquery.dataTables.js b/media/js/jquery.dataTables.js
index 56d790a4..d08be0df 100644
--- a/media/js/jquery.dataTables.js
+++ b/media/js/jquery.dataTables.js
@@ -996,7 +996,7 @@
 				for ( var i=0, iLen=oSettings.aoColumns.length ; i<iLen ; i++ )
 				{
 					var oCol = oSettings.aoColumns[i];
-					nTd = document.createElement('td');
+					nTd = document.createElement( oCol.sCellType );
 		
 					/* Render if needed - if bUseRendered is true then we already have the rendered
 					 * value in the data source - so can just use that
@@ -9972,6 +9972,29 @@
 		"mDataProp": null,
 	
 	
+		/**
+		 * Change the cell type created for the column - either TD cells or TH cells. This
+		 * can be useful as TH cells have semantic meaning in the table body, allowing them
+		 * to act as a header for a row (you may wish to add scope='row' to the TH elements).
+		 *  @type string
+		 *  @default td
+		 *  @dtopt Columns
+		 * 
+		 *  @example
+		 *    // Make the first column use TH cells
+		 *    $(document).ready(function() {
+		 *      var oTable = $('#example').dataTable( {
+		 *        "aoColumnDefs": [
+		 *        {
+		 *          "aTargets": [ 0 ],
+		 *          "sCellType": "th"
+		 *        ]
+		 *      } );
+		 *    } );
+		 */
+		"sCellType": "td",
+	
+	
 		/**
 		 * Class to give to each cell in this column.
 		 *  @type string
diff --git a/media/src/core/core.draw.js b/media/src/core/core.draw.js
index 19ee33c0..a5fcc695 100644
--- a/media/src/core/core.draw.js
+++ b/media/src/core/core.draw.js
@@ -35,7 +35,7 @@ function _fnCreateTr ( oSettings, iRow )
 		for ( var i=0, iLen=oSettings.aoColumns.length ; i<iLen ; i++ )
 		{
 			var oCol = oSettings.aoColumns[i];
-			nTd = document.createElement('td');
+			nTd = document.createElement( oCol.sCellType );
 
 			/* Render if needed - if bUseRendered is true then we already have the rendered
 			 * value in the data source - so can just use that
diff --git a/media/src/model/model.defaults.columns.js b/media/src/model/model.defaults.columns.js
index fdb42f4d..4828e02a 100644
--- a/media/src/model/model.defaults.columns.js
+++ b/media/src/model/model.defaults.columns.js
@@ -415,6 +415,29 @@ DataTable.defaults.columns = {
 	"mDataProp": null,
 
 
+	/**
+	 * Change the cell type created for the column - either TD cells or TH cells. This
+	 * can be useful as TH cells have semantic meaning in the table body, allowing them
+	 * to act as a header for a row (you may wish to add scope='row' to the TH elements).
+	 *  @type string
+	 *  @default td
+	 *  @dtopt Columns
+	 * 
+	 *  @example
+	 *    // Make the first column use TH cells
+	 *    $(document).ready(function() {
+	 *      var oTable = $('#example').dataTable( {
+	 *        "aoColumnDefs": [
+	 *        {
+	 *          "aTargets": [ 0 ],
+	 *          "sCellType": "th"
+	 *        ]
+	 *      } );
+	 *    } );
+	 */
+	"sCellType": "td",
+
+
 	/**
 	 * Class to give to each cell in this column.
 	 *  @type string