make Wordpress CMS table scrolling 后台表格左右滚动

 

 

1. Change source code

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

<div class="wp-list-table-container" style="overflow-x:auto;"> <table class="wp-list-table <?php echo implode( ' ', $this->get_table_classes() ); ?>">     <thead>     <tr>         <?php $this->print_column_headers(); ?>     </tr>     </thead>       <tbody id="the-list"         <?php         if ( $singular ) {             echo " data-wp-lists='list:$singular'";         }         ?>         >         <?php $this->display_rows_or_placeholder(); ?>     </tbody>       <tfoot>     <tr>         <?php $this->print_column_headers( false ); ?>     </tr>     </tfoot>   </table> </div>

　　wp-admin\includes\class-wp-list-table.php　　line 1276~1299

在渲染HTML表格外，加上父div wp-list-table-container，style=overflow-x:auto。

 

2. set td fixed with

?

1	.post-type-algo-trade-record .wp-list-table th {width: 200px;}

　　set table css
这样就能实现表格左右滚动。