jqueryのdataTablesで、特定行だけはソートしたくない

Question

今、下記のようなテーブルをdataTablesを使ってソートしています。

<table class="table hoge">
<thead>
  <tr>
    <th>利用月</th>
    <th>金額</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td>1月</td>
    <td>100円</td>
  </tr>
  <tr>
    <td>2月</td>
    <td>500円</td>
  </tr>
  <tr>
    <td>合計</td>
    <td>600円</td>
  </tr>
</tbody>
</table>

ここで表示に使ってるデータは、DBから持ってきて、アプリケーション側で合計値なども計算して表示してます。
ただ、このテーブルのhogeに対してdataTableを使うと、合計行まで一緒にソートされてしまいます。

合計の行だけはソートから除外する方法はないのでしょうか。
アプリケーションの設計上、jsで合計を計算して行を追加するような事はしたくないと考えております。

Answer 1

このライブラリについて知っているわけではないのですが、
theadタグでヘッダの固定ができるのであれば、tfootタグでフッタの固定もできるのではないでしょうか。

ためしにやってみたら何となくそれっぽい感じにはなったので、
あとはCSSとかで調整できるかと。

<table class="table hoge">
<thead>
  <tr>
    <th>利用月</th>
    <th>金額</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td>1月</td>
    <td>100円</td>
  </tr>
  <tr>
    <td>2月</td>
    <td>500円</td>
  </tr>
</tbody>
<tfoot>
  <tr>
    <td>合計</td>
    <td>600円</td>
  </tr>
</tfoot>
</table>

Answer 2

僕もDataTablesというプラグインは詳しくないですが
検索して公式サイトを見た限り

drawイベント

というのがありましたので、これを利用して

$(function(){

		var $table = $('.table').dataTable();   //dataTablesプラグイン
		var trText = null; //各行のテキスト

		$table.on("draw", function(){

			$('.table tr').each(function(){

				//各行のテキストを抜き取る
				trText = $(this).find("td").text();

				/*
				 * テキストに合計があったら、その行を抜き取って
				 * そのテーブルの末尾に持っていく
				 */
				if(trText.indexOf("合計") >= 0) $('.table').append($(this).remove());

			});

		});

});

あまりスマートなソースとは言い切れませんが
これで「合計」と書かれた行は常に一番下に表示されます。
こんな感じで良いのでしょうか？

このソースの欠点としては、DBに「合計」という文字列がデータあったら
その行もついでに末尾へ行ってしまうので、やはり工夫は必要かもしれませんね ^^;

ヒントになれば、幸いです。