Creating a table in the admin-style?

This is what I generally use:

<table class="widefat fixed" cellspacing="0">
    <thead>
    <tr>

            <th id="cb" class="manage-column column-cb check-column" scope="col"></th> // this column contains checkboxes
            <th id="columnname" class="manage-column column-columnname" scope="col"></th>
            <th id="columnname" class="manage-column column-columnname num" scope="col"></th> // "num" added because the column contains numbers

    </tr>
    </thead>

    <tfoot>
    <tr>

            <th class="manage-column column-cb check-column" scope="col"></th>
            <th class="manage-column column-columnname" scope="col"></th>
            <th class="manage-column column-columnname num" scope="col"></th>

    </tr>
    </tfoot>

    <tbody>
        <tr class="alternate">
            <th class="check-column" scope="row"></th>
            <td class="column-columnname"></td>
            <td class="column-columnname"></td>
        </tr>
        <tr>
            <th class="check-column" scope="row"></th>
            <td class="column-columnname"></td>
            <td class="column-columnname"></td>
        </tr>
        <tr class="alternate" valign="top"> // this row contains actions
            <th class="check-column" scope="row"></th>
            <td class="column-columnname">
                <div class="row-actions">
                    <span><a href="#">Action</a> |</span>
                    <span><a href="#">Action</a></span>
                </div>
            </td>
            <td class="column-columnname"></td>
        </tr>
        <tr valign="top"> // this row contains actions
            <th class="check-column" scope="row"></th>
            <td class="column-columnname">
                <div class="row-actions">
                    <span><a href="#">Action</a> |</span>
                    <span><a href="#">Action</a></span>
                </div>
            </td>
            <td class="column-columnname"></td>
        </tr>
    </tbody>
</table>

Hope that helps.

Related Posts:

  1. body_class hook for admin pages
  2. Change admin language based on user (in single-site)
  3. What is the real intention for admin-post.php?
  4. Admin config screen without menu
  5. Make Categories and Tags required in admin
  6. How to add HTML / Form to an Admin Bar Menu
  7. Error with Custom Admin Screen in iframe Thickbox
  8. why don’t I get error messages in admin when developing?
  9. WP_Error handles errors, but how can I show success with a message?
  10. JS / JQuery form validation in backend admin menus
  11. How to put placeholder text in the main post input area?
  12. Is it possible to modify the media library admin screen?
  13. What does $_registered_pages do?
  14. Get user id for delete and update selected user
  15. Add tab to profile.php wordpress plugin development
  16. WordPress Ajax callback function from plugin – OOP
  17. Admin auto-refresh is interfering with Firebug — how to prevent it?
  18. Including a JS source with an admin page
  19. WordPress not working on localhost
  20. maintaing consistent layout wordpress dashboard
  21. Add column and post filter for a custom post type field on the edit.php page
  22. Is there no admin ui guide for 4.x?
  23. Correct check for any admin page with editor
  24. Adding (blog-specific) links to “My Sites” admin page
  25. Change the look and feel of admin pages
  26. Admin Plugin POST to another file within the plugin
  27. Admin – Handle data before creating or updating a post, page or custom post
  28. How can I replace content in the WP Admin area before an admin page is rendered?
  29. Add a page in admin without adding menu item
  30. Including comments meta box on a plugin page
  31. How to Move the Comments Bubble to the Right Side of the Toolbar
  32. Does admin_print_scripts-$hook_suffix work for nested paths to individual files?
  33. Use ‘get’ form action within a WordPress plugin admin page
  34. Does is_admin() really provide a plugin performance improvement?
  35. Disable Auto-Expanding Menu in WordPress Admin Menus
  36. Best practice for plugin: always detect admin-ajax call?
  37. Plugin Development – Get Admin Url (Including cases where wp-admin is not used)
  38. Proper way to create an administration page without adding it to the menu
  39. using admin functions on frontend
  40. Google Web Core Vitals – management, how to in wordpress and advice
  41. Add two button to page and post admin to redirect to : add new & list of (posts – pages) just after saving post or page
  42. How to create plugin settings page for each admin user?
  43. How to return a blank page
  44. Adding admin for specific users
  45. How do I control the list of Pages an author can see?
  46. What happens when you create/edit a menu
  47. loop and in admin header problem
  48. modify buddpress adminbar only in admin pages
  49. Which action for triggering cron “wp”or “init”?
  50. What’s the difference between hooks, filters and actions? [duplicate]
  51. How to duplicate custom menu settings to export to another site
  52. update_option_{$option} Too Few Arguments
  53. How to post form in ajax mode and handle it in wordpress
  54. Check if on Custom Post Type for TinyMCE buttons
  55. How to add Font Awesome 5 icons in WP Admin dashboard menu?
  56. WordPress restrict plugin file direct access
  57. How to check active theme is parent or child wordpress
  58. Example of uninstaller routine to remove all custom theme options from wp_options
  59. What is the use of get_option method
  60. Execution limit and Memory limit errors even i changed to 1024M and 600(cache.php,load.php)?
  61. Are we allowed to use the Allman (BSD) indent style when coding WordPress plugins and themes?
  62. Plugin development: get_post_meta is not working [closed]
  63. Correct way check nonce (security) using old Options API
  64. Is it possible to use add_filter from a theme to alter a plugin’s function?
  65. How do I dynamically render an InnerBlock inside a dynamic block?
  66. wp_insert_category() setting the ‘cat_ID’ gives not array error
  67. How can I limit the amount of characters used for description in the manage categories grid?
  68. How to filter the_content() & include content from template
  69. Asynchronously render shortcodes in TinyMCE visual editor
  70. Open modal when user clicks on span in visual editor
  71. How to paginate a custom page template with custom database tables
  72. wp_mail() headers multipart/alternative
  73. Run JavaScript validation script on form submit in plugin
  74. Bypass product key [closed]
  75. Return conditional category in load_posts_by_ajax
  76. How to create new content type and flushes rewrite rules without visiting the permalinks page?
  77. About a programming language starts with [closed]
  78. How to Get Last ID?
  79. Custom Block Not Shown in Block Inserter
  80. How to display specific data from a custom table to logged in users with a custom role
  81. add_filter postbox_classes multiple post types
  82. How to create admin setting for this small plugin
  83. How to Run Plugin on Server Without Web Browser
  84. Impossible to declare box-shadow with wp.customize?
  85. WP Refused to display ‘URL’ in a frame because it set ‘X-Frame-Options’ to ‘sameorigin’
  86. 400 Bad Request and illegal invocation in wp_ajax based on processData set to false or true
  87. delete category on plugin deactivation wordpress
  88. Rate limiting ajax requests in WordPress
  89. Integrate separate web app inside wordpress [closed]
  90. How to filter an action inside class in MemberPress plugin?
  91. how to retrieve post_id under woocommerce_add_to_cart_validation hook?
  92. Define a url for an email confirmation from within a plugin
  93. WordPress Search Form with Keyword Suggestion
  94. WordPress custom plugin developement
  95. Google does not index data from custom table used for a plugin
  96. Best practice: What belongs in theme and what in plugin for large eCommerce website
  97. ouput buffering confusing me!
  98. append code after the_content not working
  99. Custom Pin it button is not showing over the image instead it shows as block top_left
  100. check wp_login into a plugin

Leave a Comment