¿Creando una tabla en el estilo de administrador?

Navega tus respuestas
41

¿Cuál es la forma recomendada de crear una página con una tabla, al estilo de las tablas que muestran publicaciones o usuarios en el área de administración?

Estoy expandiendo el complemento de imágenes de caché , y contiene una tabla con dominios y varias imágenes. de ese dominio. Así que no hay una tabla equivalente existente en la que pueda basarme (en la primera versión de esta pregunta, pregunté sobre una tabla con publicaciones, pero allí podría (quizás) expanda la tabla de publicaciones existente ).

¿Debería basarme en la página de descripción general de la publicación , y comience con un <table class="widefat"> , o ¿hay mejores funciones que manejen esto ahora? ¿Conoces un ejemplo limpio y vacío de una tabla con paginación en la que pueda basar mi trabajo?

    
pregunta Jan Fabry 06.09.2010 - 14:18

5 respuestas

27

Esto es lo que generalmente uso: 

<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>

Espero que ayude.

    
respondido por el sorich87 06.09.2010 - 20:33
25

Use la API Core, no solo su CSS

Normalmente, solo usas una instancia de la clase WP_List_Table .

Guías:

¿Beneficios?

¡SÍ!

Puedes agregar paginación, cuadros de búsqueda, acciones y cualquier magia que puedas imaginar (y que puedas codificar).

    
respondido por el kaiser 19.12.2012 - 01:16
13

Use este ejemplo (escrito como un complemento) para crear sus tablas de administración:

enlace

Utiliza la clase WP_List_Table integrada

    
respondido por el Sander 24.12.2011 - 18:44
4

También puedes usar este pequeño complemento para ver las posibilidades del backend en WP: enlace

    
respondido por el bueltge 27.05.2011 - 15:48
0

¿Podría considerar agregar un filtro a su lista de tipos de publicación personalizada en el administrador? La respuesta vinculada a continuación muestra cómo hacerlo con una taxonomía, pero podría utilizar fácilmente otros criterios en su gancho restrict_manage_posts :

Hazme saber si tienes más preguntas.

    
respondido por el MikeSchinkel 07.09.2010 - 04:03

Lea otras preguntas en las etiquetas

¿Cómo proteger las cargas, si el usuario no ha iniciado sesión? ¿Cómo obtener la secuencia de ejecución de enganches / acciones de WordPress?