Vue3 ag-grid 中文语言配置步骤?

请问 ag-grid 在vue3 项目中如何配置中文语言

官网看的不是很明白

阅读 4.7k
1 个回答

官方描述地址: https://ag-grid.com/vue-data-grid/localisation/#creating-a-lo...
1、下载完整的区域设置文件
https://ag-grid.com/examples/localisation/localisation/locale...
然后将对应的值改成中文
把文件放在项目中,在main.js文件中引入
import { AG_GRID_LOCALE_CH } from './assets/locale/locale.ch'
// 设置中文本地化
app.config.globalProperties.$AgGrid = {
localeText: AG_GRID_LOCALE_CH,
};

然后在组件中使用 :locale-text="$AgGrid.localeText"
<ag-grid-vue

    style="width: 100%; height: 100%"
    :class="themeClass"
    :columnDefs="colDefs"
    :rowData="rowData"
    :defaultColDef="defaultColDef"
    :pagination="true"
    :rowSelection="'multiple'"
    @cell-value-changed="onCellValueChanged"
    @selection-changed="onSelectionChanged"
    :locale-text="$AgGrid.localeText"
    :rowDragManaged="false"
    @grid-ready="onGridReady"
    editType="fullRow"
    rowHeight="35"
>
</ag-grid-vue>

完成
全局设置成中文的暂时没有想到办法

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进