Vuetable 行标题

VuetableRowHeader组件负责使用每个字段的字段定义对象呈现所有表标题列。当用户通过调用适当的函数进行排序(单次或多次排序)时,它还处理用户单击列标题时的交互。

Vuetable将component指定VuetableRowHeaderheader-rows 中的默认标头组件。

组件

默认情况下,它会注册一些字段组件以提供与早期版本的Vuetable的向后兼容性。

It will also toggles VuetableColGutter当将Vuetable与Fixed Header一起使用时,它也会切换。

方法

stripPrefix

  • 参数:

    • name: String
  • 返回:String

  • 使用:

    此函数将从field-prefix给定参数中删除Vuetable 道具中设置的前缀。

headerClass

  • 参数:

    • base: String
    • field: Object
  • 返回: array of String

  • 使用:

    此函数为给定字段生成CSS类。

toSnakeCase

  • 参数:

    • str: String
  • 返回:String

  • 使用:

    此函数将返回给定参数的蛇形版本。

sortClass

  • 参数:

    • field: Object
  • 返回:String

  • 使用:

    此函数为sortable字段生成特定的升序/降序CSS类。这使您可以更好地控制可排序字段的外观。

    See all:

    • css.ascendingClass
    • css.descendingClass

sortIcon

  • 参数:

    • field: Object
  • 返回:String

  • 使用:

    此函数为可排序字段中的图标生成特定的升序/降序CSS类。

    See all:

    • css.ascendingIcon
    • css.descendingIcon

isInCurrentSortGroup

  • 参数:

    • field: Object
  • 返回:Boolean

  • 使用:

    此函数检查给定字段是否在当前排序组中。

    See also:

    • sort-order prop

hasSortableIcon

  • 参数:

    • field: Object
  • 返回:Boolean

  • 使用:

    此函数检查给定字段是否已定义可排序图标。

    See also:

    • css.sortableIcon

currentSortOrderPosition

  • 参数:

    • field: Object
  • 返回:Number or false

  • 使用:

    如果字段按排序顺序,此函数将按当前排序顺序返回位置索引,否则返回false。

    See also:

    • sort-order prop

renderTitle

  • 参数:

    • field: Object
  • 返回:String

  • 使用:

    此函数返回由排序图标组成的完整标题。在进行多种排序的情况下,还可以通过sortIconOpacity函数生成排序图标的适当不透明度。

getTitle

  • 参数:

    • field: Object
  • 返回:String

  • 使用:

    此函数返回在字段定义对象中定义的适当标题。如果定义的标题是一个函数,它将调用该函数并使用返回的结果。如果标题未定义,它将返回字段名称。

sortIconOpacity

  • 参数:

    • field: Object
  • 返回:Number

  • 使用:

    此函数计算多列排序中给定字段的排序图标的不透明度。不透明度值将根据排序位置而变化,第一个将是最不透明的,子序列位置将具有更大的不透明度。

renderIconTag

  • 参数:

    • classes: array of String
    • options: String
  • 返回:String

  • 使用:

    此函数将使用默认<i>标记或css.renderIcon如果定义了则返回的标记生成图标标记。

onColumnHeaderClicked

  • 参数:

    • field: Object
    • event: Event
  • 返回:none

  • 使用:

    当用户单击列标题时,将调用此orderBy函数,并将调用Vuetable的函数来相应地处理排序。