--- order: 1 debug: true title: zh-CN: 复杂文本的情况 en-US: border --- ## zh-CN 带边框和背景颜色列表。 ## en-US Descriptions with border and background color. ```tsx import { Badge, Descriptions, Table } from 'antd'; import React from 'react'; const dataSource = [ { key: '1', name: '胡彦斌', age: 32, address: '西湖区湖底公园1号', }, { key: '2', name: '胡彦祖', age: 42, address: '西湖区湖底公园1号', }, ]; const columns = [ { title: '姓名', dataIndex: 'name', key: 'name', }, { title: '年龄', dataIndex: 'age', key: 'age', }, { title: '住址', dataIndex: 'address', key: 'address', }, ]; const App: React.FC = () => ( Cloud Database Billing Mode}> Prepaid YES 2018-04-24 18:00:00 2019-04-24 18:00:00 $80.00 $20.00 $60.00 Data disk type: MongoDB
Database version: 3.4
Package: dds.mongo.mid
Storage space: 10 GB
Replication factor: 3
Region: East China 1
$60.00 ); export default App; ```