代码拉取完成，页面将自动刷新
Responsive comparison table templates built with Bootstrap 5. Various examples like comparison table on pricing page, comparison card, product comparison & more.
Check out React Comparison table Documentation for detailed instructions & even more examples.
import React from "react";
import {
MDBContainer,
MDBIcon,
MDBTable,
MDBTableBody,
MDBTableHead,
} from "mdb-react-ui-kit";
export default function App() {
return (
<MDBContainer className="py-5">
<MDBTable
responsive
striped
className=" text-successtable-border border-light"
>
<MDBTableHead className="border-light">
<tr>
<th scope="col"></th>
<th scope="col">
<strong>PRO</strong>
</th>
<th scope="col">
<strong>Basic</strong>
</th>
</tr>
</MDBTableHead>
<MDBTableBody>
<tr>
<th scope="row">Domain customization </th>
<td>
<MDBIcon fas icon="check" className="text-success" />
</td>
<td>
<MDBIcon fas icon="times" className="text-danger" />
</td>
</tr>
<tr>
<th scope="row">FTP</th>
<td>
<MDBIcon fas icon="check" className="text-success" />
</td>
<td>
<MDBIcon fas icon="check" className="text-success" />
</td>
</tr>
<tr>
<th scope="row">Database</th>
<td>
<MDBIcon fas icon="check" className="text-success" />
</td>
<td>
<MDBIcon fas icon="times" className="text-danger" />
</td>
</tr>
<tr>
<th scope="row">Support</th>
<td>
<MDBIcon fas icon="check" className="text-success" />
</td>
<td>
<MDBIcon fas icon="check" className="text-success" />
</td>
</tr>
<tr>
<th scope="row">Backups</th>
<td>
<MDBIcon fas icon="check" className="text-success" />
</td>
<td>
<MDBIcon fas icon="times" className="text-danger" />
</td>
</tr>
</MDBTableBody>
</MDBTable>
</MDBContainer>
);
}
Download MDB 5 - free REACT UI KIT
Choose your favourite customized component and click on the image
Copy & paste the code into your MDB project
▶️ Subscribe to YouTube channel for web development tutorials & resources
You can find other examples here.
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手
