首页 > 解决方案 > 在reactjs或纯js中将div标签转换为tbody标签

问题描述

我有下面的代码来生成表格。数据正在通过searchkit

                              <Table>
                                <Thead>
                                    <Tr>
                                        <Th>ID</Th>
                                        <Th>PR</Th>
                                        <Th>Order Details</Th>
                                        <Th>Supplier Name</Th>
                                        <Th>Raised On</Th>
                                        <Th>Status</Th>
                                        <Th>PO</Th>
                                    </Tr>
                                </Thead>
                                <Tbody>
                                {<ViewSwitcherHits
                                        hitsPerPage={10}
                                        sourceFilter={["orderId", "pRNumber", "listOrderProductVM", "listOrderCompanyVM", "createdDate", "statusName", "listOrderPOVM"]}
                                        hitComponents={[
                                            { key: "table", title: "Table", itemComponent: OrderDetail, },
                                        ]}
                                        scrollTo="body"
                                        className='divTableBody'
                                    />}
                                    <NoHits
                                        errorComponent={errorComponent}
                                        translations={{
                                            "NoHits.NoResultsFound": "No Records Found.",
                                        }} suggestionsField="title" />   
                                </Tbody>                               
                            </Table>

我正在使用反应超级响应表。ViewSwitcherHits是 searchkit 功能,它div在动态数据中添加标签作为父级。所以因为在桌子没有正确显示DIV之后马上来。tbody所以我正在考虑将该div标签转换为tbody. 这是正确的做法还是任何其他解决方案?

下面是html截图

在此处输入图像描述

标签: javascripthtmlreactjs

解决方案


这是一种方法。一种可能更清洁的方法是获取搜索工具包组件返回的子项


推荐阅读