antd组件中table样式显示问题

[zj1]

table未分页之前是这样的
然后分页以后table变为这样
我想要的效果是，没分页之前表格第一行根据数据大小显示不同颜色，第二页（分页以后），是什么就显示什么，不需要额外处理。（怎样才能区分第一页的第一行数据和翻页以后的第一行数据，如果能区分开，就比较好办了）
这块的代码如下：

for (let i in resultTitleArray) {
    let titleKeyArray = Object.keys(resultTitleArray[i]);
    let ifHaveChildren = titleKeyArray.includes("children");
    if (ifHaveChildren) {
        for (let j in resultTitleArray[i]["children"]) {
            resultTitleArray[i]["children"][j].render = (text, record, index) => {
                if (index === 0) {
                    let textString = String(text);
                    let textValue = textString.replace("%", "");
                    let textNumber = Number(textValue);
                    if (textNumber > 0) {
                        return <span style={{ color: 'blue' }}>{text} <Icon type="arrow-up" /> </span>
                    } else if (textNumber < 0) {
                        return <span style={{ color: 'red' }}>{text} <Icon type="arrow-down" /></span>
                    } else {
                        return <span >{text}</span>
                    }

                }
                return <span>{text}</span>
            }
        }
    } else {
        resultTitleArray[i].render = (text, record, index) => {
            if (index === 0) {
                let textString = String(text);
                let textValue = textString.replace("%", "");
                let textNumber = Number(textValue);
                if (textNumber > 0) {
                    return <span style={{ color: 'blue' }}>{text} <Icon type="arrow-up" /> </span>
                } else if (textNumber < 0) {
                    return <span style={{ color: 'red' }}>{text} <Icon type="arrow-down" /></span>
                } else {
                    return <span >{text}</span>
                }

            }
            return <span>{text}</span>
        }
    }
}