Welcome to the Webmaster Forum.
Results 1 to 3 of 3
  1. #1
    Senior Member
    Join Date
    Jan 2014
    Location
    Banglore
    Posts
    289

    How do I create a customized data grid?

    Showing tabular data in a table seems fairly straightforward, but when the tables are part of a web application, customization is often required. For example, you might want to display a list of member information in a tabular format, customizing one column to display members’ avatar thumbnails.

    The Structures_DataGrid class allows you to specify formatter function callbacks to customize the data shown in a table. In this solution, we’ll add customized columns for the members’ names and avatars. Make sure you check out “How do I display data in a sortable table?” in this chapter to make sure you have everything on the list of required PEAR packages.

    The first step is to include the required PHP files:

    <?php
    require 'dbcred.php';
    require 'Structures/DataGrid.php';
    dbcred.php contains the database login credentials for use with our Structures_DataGrid object. The file contains credentials relevant to our testing environment, so be sure to change them should you wish to try this on your own web server. Structures/DataGrid.php is required to create our Structures_DataGrid object.

    Next, we define some custom callback functions, getName, and getThumbnail:

    function getName($data)
    {
    return $data['record']['first_name'] .' '.
    $data['record']['last_name'];
    }
    function getThumbnail($data){
    if (strlen($data['record']['filename']) > 0)
    {
    return '<img src="images/avatars/'
    .$data['record']['filename']. '" />';
    }
    else
    {
    return '<img src="images/avatars/missing.gif" />';
    }
    }

  2. #2
    Senior Member
    Join Date
    Dec 2015
    Location
    Mumbai
    Posts
    385

    Re: How do I create a customized data grid?

    I agree with this post.

  3. #3
    Senior Member
    Join Date
    Sep 2018
    Posts
    242

    Re: How do I create a customized data grid?

    The DataGrid control supports various styling and formatting options both through XAML at design time as well as procedurally in code. Some of the common ways to customize the look and feel of the DataGrid control include the following:

    GridLines
    Alternating rows
    Headers visibility
    Customizable templates and styling for cells, rows and headers

    Indian Astrologer in Canada | Indian Astrologer in Toronto | Best Indian Astrologer in Canada | Top Indian Astrologer in Toronto

 

 

Similar Threads

  1. Customized Banner Designing Software
    By productdesigner in forum Web & Graphics Design
    Replies: 5
    Last Post: 06-07-2016, 04:11 AM
  2. Customized coke?
    By kilato in forum General Talk
    Replies: 0
    Last Post: 11-05-2014, 02:38 AM
  3. Quick Tip For Grid Headaches In Illustrator
    By OhioTom76 in forum Web & Graphics Design
    Replies: 0
    Last Post: 09-09-2013, 06:22 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
Back to top

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 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209