Angular.js UI Grid页脚在列页脚上方

Question

我正在使用Angular.js ui-grid

替换下面代码段中的纯HTML表格。

<table border="1">
  <thead>
    <tr>
      <th>col1</th>
      <th>col2</th>
      <th>col3</th>
    </tr>
  </thead>
  <tbody>
    <tr ng-repeat="row in rows">
      <td colspan="3">
        table data goes here...
      </td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td colspan="3" style="text-align: center">
        Footer heading
      </td>
    </tr>
    <tr>
      <td>Sum of col1</td>
      <td>Sum of col2</td>
      <td>Sum of col3</td>
    </tr>
    <tr>
      <td colspan="3" style="text-align: right">
        Footer notes
      </td>
    </tr>
  </tfoot>
</table>

正如您所看到的，页脚布局不是很简单。我已经看到可以自定义gridFooterTemplate和单列footerTemplate。但是，网格页脚始终位于列页脚下方。

是否可以将网格页脚放在列页脚上方？或者，我可以创建一个包含列页脚的网格页脚模板吗？