ui: fix the column gap is too large for the data page

Signed-off-by: ryjiang <jiangruiyi@gmail.com>

client/src/pages/databases/collections/data/CollectionData.tsx

@@ -514,7 +514,7 @@ const CollectionData = (props: CollectionDataProps) => {
                       return cellData;
                   }
                 },
-                field: i,
+                field: collection.schema.fields.find(f => f.name === i),
                 getStyle: d => {
                   if (!d || !d.field) {
                     return {};