翻译 Ant Design Pro Table 默认表的默认操作

关键词：

【中文标题】翻译 Ant Design Pro Table 默认表的默认操作【英文标题】：Translate Ant Design Pro Table default table's default operation 【发布时间】：2020-04-08 15:38:52 【问题描述】：

有什么办法可以将Ant Design Pro table 的默认操作文本翻译成英文。我使用的是 Umi 默认组件

【问题讨论】：

【参考方案1】：

Ant Design Pro Table 的操作有默认翻译。您将需要导入它们并将其与您的表一起使用。下面的示例导入 IntlProvider 和 enUSIntl 默认翻译。

** 您可以在以下位置找到可用的默认翻译 node_modules/@ant-design/pro-table/lib/component/intlContext/index.d.ts

import ProTable,  ProColumns, IntlProvider, enUSIntl  from '@ant-design/pro-table';

const ExampleList: React.FC<> = () => 
  return (
    <PageHeaderWrapper>
      <ProTable<TableListItem>
        headerTitle="Example List"
        actionRef=actionRef
        rowKey="key"
        ...
      />
      ...
    </PageHeaderWrapper>
  )


export default () => (
  <IntlProvider value=enUSIntl>
    <TableList />
  </IntlProvider>
)

您应该会看到您的 Ant Design Pro Table 的操作和工具提示已翻译成导入的语言。

希望有帮助！

【讨论】：

如何在 ant-design react app 中使用 ant-design-pro 组件？

】如何在ant-designreactapp中使用ant-design-pro组件？【英文标题】：Howtouseant-design-procomponentsinant-designreactapp?【发布时间】：2019-10-2214:52:52【问题描述】：我已经使用create-react-app创建了react应用程序并使用了ant-design组件，随着项目变... 查看详情

ant-design-pro之login组件

1.引入//引入ant-design-proimportLoginfrom‘ant-design-pro/lib/Login‘;/***UserName账号*Password密码*Submit提交*/constUserName,Password,Submit=Login;2.调用(验证) 查看详情

ant-design-pro实现二级权限表格

参考技术A场景：需要实现一个可折叠的二级权限表格，勾选全部时，下面的子权限自动勾选；去除子权限的勾选时，父权限的勾选也自动取消。如图：1.主页面2.权限表格数据模型3.权限操作码的枚举 查看详情

ant.design.vue中table组件中的排序

参考技术A1.如果仅仅是本地排序：Column中的sorter写一个排序函数即可2.如果需要后端排序sorter设置为true然后点击排序图标就会出发table的change事件在这里调用请求数据接口即可 查看详情

无法让 @ant-design/pro-layout 的样式与“create-react-app”一起使用

】无法让@ant-design/pro-layout的样式与“create-react-app”一起使用【英文标题】：Cannotgetthestylesof@ant-design/pro-layouttoworkwith`create-react-app`【发布时间】：2019-12-0907:44:00【问题描述】：我正在尝试在create-react-apptypescript项目中使用@ant-desig... 查看详情

在 Ant Design Table 中显示嵌套的对象键

】在AntDesignTable中显示嵌套的对象键【英文标题】：DisplayingnestedObjectKeyinAntDesignTable【发布时间】：2022-01-2200:48:07【问题描述】：我有一个像这样的对象结构：-constdata="message":"Success","responce":["created_AT":"Wed,01Dec202115:39:48GMT","created_... 查看详情

基本业务操作的相关组件渲染---基于ant-design-pro-2-0-的cms管理后台入门系列(代码片段)

查询操作实现效果拉取项目luwei.web.study-ant-design-pro,切换至query分支，可看到查询操作实现效果如图所示image深入学习和了解组件：查询表单[Form]()查询结果[Table]()新增操作实现效果拉取项目luwei.web.study-ant-design-pro,切换至add分支，... 查看详情

具有垂直和水平滚动的 Ant Design Table

】具有垂直和水平滚动的AntDesignTable【英文标题】：AntDesignTablewithverticalandhorizontalscroll【发布时间】：2019-08-2217:58:14【问题描述】：我正在使用AntDesignTable来显示来自公司内部API的动态数据。这意味着我不知道我会收到什么样的... 查看详情

在 mobx 商店中更改状态时，Ant-Design Table 不呈现

】在mobx商店中更改状态时，Ant-DesignTable不呈现【英文标题】：Ant-DesignTablenotrenderingwhenchangestateinmobxstore【发布时间】：2020-09-2709:29:31【问题描述】：我对antdesignTable组件中单击一行的行为进行了编程。这应该会更改表格上的rowClas... 查看详情

无法对 Gatsby 网站的 Ant Design Table 中的列进行排序

】无法对Gatsby网站的AntDesignTable中的列进行排序【英文标题】：Can\'tsortColumninAntDesignTableinGatsbysite【发布时间】：2020-04-1604:21:33【问题描述】：我在Gatsby网站中实现了一个Ant设计表。我正在从graphql中提取数据。到目前为止，一切... 查看详情

ant-design-vue的a-table入门

参考技术A本来想写个详解的，一翻API，算了吧ε=(´ο｀*)))，写个入门教程吧。这样写，a-table就能简单地把数据原样渲染上去，这里有两个参数介绍一下：有时候只是把数据渲染上去还不能满足要求，比如要显示性别，后端传... 查看详情

react组件库模板

开源的有蚂蚁金服的：1、https://pro.ant.design/index-cn2、https://pro.ant.design/docs/getting-started-cn3、https://github.com/shengulong/ant-design4、https://ant.design/docs/resource/download-cnreact中午网站：http://reac 查看详情

ant-design-pro弹出框表单设置默认值

项目需求需要使用ant-design-pro的弹出框表单并在表单出现时设置默认值然而按照官方的示例给<Input>标签设置defaultValue时发现并没有效果。如下所示:<FormItemlabelCol=span:5wrapperCol=span:15label="项目名称">form.getFieldDecorator(‘Projec... 查看详情

ant-design-pro的动态菜单的实现

...拷贝到SiderMenu组件中。3、将https://github.com/vueComponent/ant-design-vue/blob/master/components/menu/demo/SubMenu.vue里的代码拷贝进SubMenu组件中4、事先确定好了路由以及数据格式。5、在siderMenu中定义好遍历路由的方法（通过递归以及字段的验证... 查看详情

在 Antd React App 中重新创建类似 Sider/Drawer 的 Ant Design Pro

】在AntdReactApp中重新创建类似Sider/Drawer的AntDesignPro【英文标题】：RecreateAntDesignProlikeSider/DrawerinAntdReactApp【发布时间】：2020-10-1115:55:38【问题描述】：我正在尝试将我的AntdReact应用程序的样式/css配置为移动设备。我的主菜单使用... 查看详情

ant-design-vue的一些常见用法

...-if="loading"defaultExpandAllRows></a-table>  翻译：类型错误：传播不可提交实例的尝试无效。  原因：错误运用扩展运算符(...)  注：对象中的扩展运算符(…)用于取出参数对象中的所有可遍历属性，... 查看详情

ant-design-vuetable表格合计行的实现

参考技术A新接手的一个项目是基于ant-design-vueadmin的开发，当需求要实现类似elementUI的合计行效果时，发现提供的API不支持，然后写了这个组件，也当练基础了思路要点有另外，在实现过程中发现:showHeader="false"这个属性... 查看详情

git-拉取项目---基于ant-design-pro-2-0-的cms管理后台入门系列(代码片段)

...t拉取项目CMS管理后台项目github项目地址：luwei.web.study-ant-design-pro企业内部项目地址：study.ant-design-pro注：github上的项目暂不支持后台数据渲染对接的步骤，仅使用静态数据展示。项目下载方式：使用gitclone拉取downloadzipimage在此不... 查看详情