核心 UI 管理 - 未显示外部排序器图标 React js

如何解决核心 UI 管理 - 未显示外部排序器图标 React js

我正在为我的 React JS 项目使用核心 UI 管理。问题是，我想应用外部排序，但除了一列之外，我的列上没有显示箭头。我还在列中提供了字符串数据。 有什么方法可以在每个列标题上添加排序器图标并使其可点击以进行自定义排序。

                  <CDataTable
                    items={clientState.data}
                    fields={[
                        { key: ' ',sorter: true,_style: { width: "1%" }  },{ key: ‘clientName’,},{ key: 'createdBy',]}

                    hover
                    sorter={{ external: true }}
                    onSorterValueChange={(e) => {
                        var typeSort = e.asc ? "ASC" : "DESC"
                        alert(typeSort)
                    }}
                    striped
                    clickableRows

                    scopedSlots={{

                        ' ':
                            (item,index) => (
                                <td>
                                    <div className="has-center-v-middle">
                                        <ImageminiItem imageURL={item.imageURL} />
                                    </div>
                                </td>
                            ),‘clientName':
                            (item,index) => (
                                <td>
                                    {item.name}
                                </td>
                            ),'createdBy':
                            (item,index) => (
                                <td>
                                    {item.createdBy}
                                </td>
                            ),)
                    }}

                />