[PR] [INLONG-10839][Dashboard] Data preview style structure modification [inlong]

[via GitHub]

wohainilaodou opened a new pull request, #10840:
URL: https://github.com/apache/inlong/pull/10840

   
   
   Fixes #10839 
   
   ### Motivation
   
   Data preview style structure modification
   
   ### Modifications
   
   The columns of the data preview table are generated according to the fields 
returned by the backend. The width of each column is the maximum of the length 
of the returned field and the length of the value. When the returned field has 
an id, the returned one is used. If not, an id is generated from 0 based on the 
amount of data. A new button is added to show the original text. Clicking it 
will display the header and body information of the returned message.
   
   ### Verifying this change
   before:
   
![image](https://github.com/user-attachments/assets/67271391-e416-4274-89d4-fa90c4a4b377)
   after:
   
![image](https://github.com/user-attachments/assets/fcc00a0e-47f3-4620-8466-bd34a92b5e28)
   
![image](https://github.com/user-attachments/assets/78ed6e0f-0ede-4bf4-82b1-c8377c4ff613)
   
![image](https://github.com/user-attachments/assets/28dcf094-0c06-4e90-83e8-071e9a9bd1c7)
   
   
   


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: commits-unsubscr...@inlong.apache.org

For queries about this service, please contact Infrastructure at:
us...@infra.apache.org