Skip to content

Latest commit

 

History

History
64 lines (42 loc) · 2.7 KB

column().footer().markdown

File metadata and controls

64 lines (42 loc) · 2.7 KB
layout title summary sub since navcategory keywords author
reference_md
column().footer()
获取被选择单个列的tfoot的单元格节点
文档(Options & API) DataTables中文网
DataTables 1.10
api
column,footer
/reference/api/column().footer()

描述(Description)

本方法可以用来获取(并因此修改)选择单个列的footer单元格节点。这个可能是{% include href/HtmlTags.html param="td" %}或者是{% include href/HtmlTags.html param="th" %}元素,这个取决于表的HTML。

返回的单元格是被选择单个列的{% include href/HtmlTags.html param="tfoot" %}第一行的单元格。如果你{% include href/HtmlTags.html param="tfoot" %}有多个行要操作,则必须使用{% include href/APIs.html param="table().footer()" %}方法获取{% include href/HtmlTags.html param="tfoot" %}元素下的节点,然后再使用标准的DOM/jQuery方法来操作节点。

此外,在{% include href/HtmlTags.html param="tfoot" %}的单元格可以使用colspan跨多列(他们也可以使用rowspan,但是如果跨行,在此方法中只能获取第一行中的单元格)。这样,使用colspan的单元格可能属于多个列。

{% include href/HtmlTags.html param="tfoot" %}在DataTables中是可选的。如果结果集里没有{% include href/HtmlTags.html param="tfoot" %}标签,则将返回null

另外,如果{% include href/APIs.html param="column()" %}中使用的选择器与多个列匹配,则结果集将被截断为单个列,默认返回匹配到的第一个列。

类型(Type)


function column().footer()

描述(Description):

获取被选择单个列{% include href/HtmlTags.html param="tfoot" %}元素下的{% include href/HtmlTags.html param="td" %}/{% include href/HtmlTags.html param="th" %}

返回(Returns):

{% include href/Types.html param="node" %},{% include href/Types.html param="null" %}

所选元素的{% include href/HtmlTags.html param="tfoot" %}单元格节点,如果匹配的列没有{% include href/HtmlTags.html param="tfoot" %}元素,则为null


例子(Example)

对第四列列值进行求和,并且将结果插入到{% include href/HtmlTags.html param="tfoot" %}元素上

{% include runcode.html param="column-footer-example" %} {: #column-footer-example-js } {% highlight javascript %} var table = $('#example').DataTable(); var column = table.column( 3 );

$( column.footer() ).html( column.data().reduce( function (a,b) { return Number(a)+Number(b); } ) ); {% endhighlight %}

相关属性(Related)

下面的选项是直接相关的,也可能是您的应用程序的开发非常有用。

API

  • {% include href/APIs.html param="columns().footer()" %}