Html/CSS results page / scorecard for cricket in WordPress -
Html/CSS results page / scorecard for cricket in WordPress -
i'm total newbie web-design , in process of creating sports website based on wordpress platform.
one of sports site covering cricket. site done, i'm stuck @ few of import css/html tables data. appreciate if here guide/help me on how create tables ones in links bellow or whether there anyway can re-create html/css existing site , style it.
i need re-create of tables, sorting options not needed
similar scorecard lite possible great
are these things possible css/html in wordpress or there improve alternative such tables?
thanks in advance
here 2 solutions use:
solution #1: tabpress plugin
through graphical panel, can customize table. can set own css, can have colspan, rowspan or together. check out demo. if don't want spend much time in coding, give try.
solution #2: wp_list_table
it's available since wordpress 3.1. wp 3.1 uses build tables can see in admin panel. table displays posts instance uses class. however, can disable features such sorting, mass operations etc.
here sample code taken 1 of blogs. wanted display table of statistics no sorting option. phone call ff_show_stats()
display table php code.
if( ! class_exists( 'wp_list_table' ) ) { require_once( abspath . 'wp-admin/includes/class-wp-list-table.php' ); } class ffstatstable extends wp_list_table { function __construct(){ } function get_columns(){ $columns = array( 'id' => 'id', 'creation' => 'creation', 'country' => 'country' // add together much column want // 'column_name_in_query' => 'displayed column name' ); homecoming $columns; } function column_default( $item, $column_name ) { switch( $column_name ) { case 'id': case 'creation': case 'country': homecoming $item[ $column_name ]; default: homecoming print_r( $item, true ) ; //show whole array debugging purposes } } function prepare_items() { global $wpdb; $columns = $this->get_columns(); $hidden = array(); $sortable = array();//empty array disabling sorting $this->_column_headers = array($columns, $hidden, $sortable); $this->items = $wpdb->get_results( "select id,creation,country wp_my_table my_condtion=true", array_a ); } } function ff_show_stats() { $mylisttable = new ffstatstable(); echo '<div class="wrap"><h2>stats</h2>'; $mylisttable->prepare_items(); $mylisttable->display(); echo '</div>'; }
you can have more detailed sample code here : http://plugins.svn.wordpress.org/custom-list-table-example/tags/1.2/list-table-example.php
html css wordpress table
Comments
Post a Comment