buttons

使用 `buttons` 添加可高度配置和排序的自定义按钮。

- 属性: `data-buttons`

- 类型: `Function`

- 详情:

此选项允许在 "buttons bar"（表格右上方）中创建/添加自定义按钮。这些按钮可以用表格选项按钮排序。顺序，事件的使用键/名称应该用于此！

自定义按钮高度可配置，存在以下选项：

- `text`
   - 描述: This options is used for the showButtonText table option.
   - 类型: `String`
 - `icon`
   - 描述: This option is used for the showButtonIcons table option.
   - 类型: `String` - Only needs the icon class e.g. `fa-users`
 - `render`
   - 描述: Set this option to false to hide the button by default, the button is visible again when you add the data attribute `data-show-BUTTONNAME="true"`.
 - `attributes`
   - 描述: This option allows adding additional html attributes e.g. `title`
   - 类型: `Object`
   - 示例: `{title: 'Button title'}`
 - `html`
   - 描述: If you don’t want to autogenerate the html, you can use this option to insert your custom html. The `event` option only works if you custom HTML contains `name="BUTTONNAME"`. If this option is used the following options will be ignored:
      - `text`
      - `icon`
      - `attributes`
   - 类型: `Function|String`
 - `event`
    - 描述: Should be used if you want to add an event to the button
   - 类型: `Function|Object|String`

可以通过三种方式配置 `event` 选项。一个带有点击事件的事件：

```javascript
 {
   'event': () => { }
 }
```
One event with a self-defined event type:

```javascript
   {
     'event': {
       'mouseenter': () => { }
     }
   }
```
Multiple events with self-defined event types:

```javascript
     {
       'event': {
         'click': () => { },
         'mouseenter': () => { },
         'mouseleave': () => { }
       }
     }
```
Hint: Instead of inline functions, you also can use function names.

A configured custom button could look like this:

```javascript
{
  btnRemoveEvenRows: {
    'text': 'Remove even Rows',
    'icon': 'fa-trash',
    'event': () => {
      //DO STUFF TO REMOVE EVEN ROWS
    },
    'attributes': {
      'title': 'Remove all rows which has a even id'
    }
  }
}
```
默认值: `{}`