---
title: "Ext.grid.column.RowNumberer"
description: "xtype 为 rownumberer 的 Ext JS 原生组件参考。"
---

> Documentation Index
> Fetch the complete documentation index at: https://ag.879818327.xyz/llms.txt
> Use this file to discover all available pages before exploring further.

# Ext.grid.column.RowNumberer

源码定义：`ext-all-debug.js:123001`。分类：数据视图、表格与树。

## 创建示例

```javascript
var component = Ext.create("Ext.grid.column.RowNumberer", {
  xtype: "rownumberer",
  align: 'right',
  autoLock: true,
  cls: Ext.baseCSSPrefix + 'row-numberer',
  dataIndex: '',
  renderTo: Ext.getBody()
});
```

## 属性

| 属性 | 类型 | 默认值 | 说明 | 配置示例 |
| --- | --- | --- | --- | --- |
| `align` | `String` | `'right'` | 配置组件的 `align` 选项。 | `align: 'right'` |
| `autoLock` | `Boolean` | `true` | 控制是否启用 `autoLock` 行为。 | `autoLock: true` |
| `cls` | `Mixed` | `Ext.baseCSSPrefix + 'row-numberer'` | 附加到组件根元素的 CSS 类名。 | `cls: Ext.baseCSSPrefix + 'row-numberer'` |
| `dataIndex` | `String` | `''` | 列从记录中读取数据的字段名。 | `dataIndex: ''` |
| `draggable` | `Boolean` | `false` | =false] False to disable drag-drop reordering of this column. | `draggable: false` |
| `hideable` | `Boolean` | `false` | 控制是否启用 `hideable` 行为。 | `hideable: false` |
| `innerCls` | `Mixed` | `Ext.baseCSSPrefix + 'grid-cell-inner-row-numb...` | 配置 `innerCls` 对应的 CSS 类名。 | `innerCls: Ext.baseCSSPrefix + 'grid-cell-inner-row-numb...` |
| `lockable` | `Boolean` | `false` | 控制是否启用 `lockable` 行为。 | `lockable: false` |
| `menuDisabled` | `Boolean` | `true` | 控制是否禁用列表头菜单。 | `menuDisabled: true` |
| `resizable` | `Boolean` | `true` | 控制是否启用 `resizable` 行为。 | `resizable: true` |
| `rowspan` | `Mixed` | `undefined` | 配置组件的 `rowspan` 选项。 | `rowspan: undefined` |
| `sortable` | `Boolean` | `false` | 控制表格列是否允许排序。 | `sortable: false` |
| `tdCls` | `Mixed` | `Ext.baseCSSPrefix + 'grid-cell-row-numberer '...` | 配置 `tdCls` 对应的 CSS 类名。 | `tdCls: Ext.baseCSSPrefix + 'grid-cell-row-numberer '...` |
| `text` | `String` | `" "` | Any valid text or HTML fragment to display in the header cell for the row number column. | `text: " "` |
| `width` | `Number` | `40` | The default width in pixels of the row number column. | `width: 40` |

## 方法

| 方法 | 参数 | 说明 | 调用示例 |
| --- | --- | --- | --- |
| `beforeRender` | `` | 生成 `before` 的渲染结果。 执行时会保留父类默认行为、更新 `rowspan` 状态。源码涉及 `up()`、`callParent()`。 | `component.beforeRender()` |
| `renderer` | `value, metaData, record, rowIdx, colIdx, dataSource, view` | 渲染 `er`。 | `component.renderer(...)` |

## 事件

源码中未找到该组件自身注册的事件；可监听继承事件。

Source: https://ag.879818327.xyz/ext/data/grid-column-rownumberer/index.mdx