¿Cómo crear una tabla con estilo admin en WordPress?

Utiliza la API del Core, no solo su CSS

Normalmente solo utilizas una instancia de la clase WP_List_Table.

Guías:

• Más información en el Codex aquí.
• Aquí también hay una guía de WP Engineer - demasiado para copiarla aquí.
• Y otra guía en Smashing Magazine online.

¿Beneficios?

¡SÍ!

Puedes añadir paginación, cajas de búsqueda, acciones y cualquier magia que puedas imaginar (y seas capaz de programar).

Utiliza este ejemplo (escrito como un plugin) para crear tus tablas de administración:

http://wordpress.org/extend/plugins/custom-list-table-example/

Utiliza la clase incorporada WP_List_Table.

También puedes usar este pequeño plugin para ver las posibilidades del backend en WP: https://github.com/bueltge/WordPress-Admin-Style

Hay muchas buenas opciones aquí. Pero no hay una rápida y sencilla:

<table class="widefat striped fixed">
    <thead>
        <tr>
            <th>Encabezado1</th>
            <th>Encabezado2</th>
            <th>Encabezado3</th>
        </tr>
    </thead>

    <tbody>
        <tr>
            <td>Contenido1</td>
            <td>Contenido2</td>
            <td>Contenido3</td>
        </tr>
    </tbody>

    <tfoot>
        <tr>
            <th>Pie1</th>
            <th>Pie2</th>
            <th>Pie3</th>
        </tr>
    </tfoot>
</table>

Explicación

• La clase widefat es usada por el common.css, cargado en el administrador, para que parezca una tabla de WP.
• La clase striped le da un aspecto de rayas (qué sorpresa).
• La clase fixed añade el CSS: table-layout: fixed;

Para aquellos que buscan implementar WP_List_Table, ten en cuenta que todas las guías que encontré están lamentablemente desactualizadas y te harán escribir código redundante o incluso te pedirán que hagas cosas que ya no funcionan.

Aquí tienes un ejemplo mínimo que funciona hasta cierto punto. Debería ser fácil de entender sin una "guía" y te ayudará a comenzar.

Incluye:

• filtros rápidos (vistas)
• cuadro de búsqueda
• acciones de fila

Faltan:

• configuración del tamaño de página (realmente no he visto que una página de WordPress use esto)
• acciones masivas
• filtros desplegables

class Mi_Tabla_Lista extends WP_List_Table {

    function __construct() {
        parent::__construct([
            'singular' => 'empleado',
            'plural' => 'empleados',
        ]);
    }

    function get_columns() {
        return [
            'name'      => __('Nombre'),
            'employer' => __('Empleador'),
            'rank'     => __('Rango'),
            'phone'    => __('Teléfono'),
            'joined'   => __('Fecha de Ingreso'),
        ];
    }

    /* Opcional - sin esto ninguna columna es ordenable */
    public function get_sortable_columns() {
        return [
           // las claves son "nombre_columna" como arriba
           // los valores son nombres de campo "orden" según lo que necesite tu modelo de datos
            'name'     => 'name',
            'employer' => 'employer',
            'rank'     => 'rank',
            'joined'   => 'joined',
        ];
    }

    public function prepare_items() {
       // soporte para el cuadro de búsqueda
        $search = @$_REQUEST['s'] ? wp_unslash(trim($_REQUEST['s']))) : '';
       // obtener la configuración de número de registros por página del almacenamiento de opciones
        $per_page = $this->get_items_per_page('mi_tabla_lista_por_pagina');
       // llenar el array de datos con los elementos de tu modelo. En mi implementación estos
       // son instancias de StdClass con varios campos, pero puede ser cualquier cosa
       // lo veremos en un momento cómo.
        $this->items = obtener_elementos_modelo([
            'offset' => ($this->get_pagenum()-1)*$per_page,
            'count' => $per_page,
            'orderby' => @$_GET["orderby"] ?: 'id', // campo de orden predeterminado, si no se especifica
            'order' => @$_GET["order"] ?: 'ASC', // dirección de orden predeterminada
            'search' => $search, // pasar campo de búsqueda si está configurado
            'status' => @$_REQUEST['status'] // pasar filtro de vista, si está configurado [ver get_views()]
        );
        $this->set_pagination_args([
            "total_items" => obtener_conteo_elementos_modelo(),
            "per_page" => $per_page,
        ]);
       // `obtener_conteo_elementos_modelo` debe ser el número total de registros después
       // del filtrado (vistas y búsqueda) pero antes de la paginación. Esto puede ser difícil/ineficiente
       // de hacer con MySQL. Si deseas poner aquí los resultados de `COUNT(*)`,
       // nadie te culpará.
    }

    public function column_default($item, $column_name) {
        // presentación predeterminada de columna
        // La mayoría de los campos de mi objeto son imprimibles tal cual, así que tenemos un método
        // genérico para manejar eso.
        return $item->$column_name;
    }

    /* Opcional, a menos que tengas datos que requieran formato especial */
    public function column_joined($item) {
        // El campo 'joined' es un objeto DateTime y no puede ser convertido implícitamente
       // a string por la lógica incorporada, así que necesitaremos hacerlo
        return $item->joined->format("Y-m-d");
    }

   /* Opcional - dibujar filtros rápidos en la parte superior de la tabla */
    public function get_views() {
        $crear_enlace = function($valor_filtro, $nombre) { // herramienta DRY para creadores de vistas
            $nombre_filtro = 'status';
            return '<a href="'
                . esc_url(add_query_arg($nombre_filtro, $valor_filtro)) . '" ' .
                (@$_REQUEST[$nombre_filtro]==$valor_filtro ? 
                    'class="current" aria-current="page"' : ''). ">" .
                $nombre . "</a>";
        };
        return [
            'all' => $crear_enlace(false, __('Todos')),
            'green' => $crear_enlace('green', __('Novatos')),
            'pros' => $crear_enlace('pro', __('Expertos')),
            'bofh' => $crear_enlace('veterano', __('Tipos veteranos')),
        ];
    }

    /* Opcional: acciones de fila */
    public function handle_row_actions($item, $column_name, $primary) {
        $salida = parent::handle_row_actions($item, $column_name, $primary);
        if ($column_name === $primary)
            $salida .= $this->row_actions([
                'editar' => sprintf('<a href="%s">%s</a>',
                    add_query_arg('employee_id', $item->id, admin_url('admin.php?page=editar-empleado')),
                    __("Editar")),
                'eliminar' => sprintf('<a href="%s">%s</a>',
                    add_query_arg('employee_id', $item->id, admin_url('admin.php?page=eliminar-empleado')),
                    __("Eliminar")),
            ]);
        return $salida;
    }

}

Entonces la función de la página de administración (para add_menu_page/add_submenu_page) podría verse así:

function dibujarPaginaAdmin() {
    $mi_tabla_lista = new Mi_Tabla_Lista();
    $mi_tabla_lista->prepare_items();
    ?>
    <div class="wrap">
    <h1 class="wp-heading-inline"><?php _e('Título de la Página de Admin')?></h1>
    <hr class="wp-header-end">
    <?php $mi_tabla_lista->views() ?>
    <form id="employee-filter" method="get">
    <input type="hidden" name="page" value="<?php echo $_REQUEST['page']?>">
    <?php $mi_tabla_lista->search_box(__('Buscar'), 'empleado') ?>
    <?php $mi_tabla_lista->display(); ?>
    </form>
    </div>
    <?php
}

¿Quizás quieras considerar agregar un filtro a la lista de tu tipo de entrada personalizada en el administrador? La respuesta enlazada abajo muestra cómo hacerlo con una taxonomía, pero podrías fácilmente usar otros criterios en tu hook restrict_manage_posts:

• ¿Cómo agregar un filtro de taxonomía a la lista de administración para un tipo de entrada personalizada?

Déjame saber si tienes más preguntas.