141. How to display vertical text in table?

Problem

We have displayed a 2D array in a table with frames and borders in How to display a 2D array in table - Part 5?

How to display a 2D array in table - Part 5?

 

Now we would like to display the table headers using vertical text as shown below:

How to display vertical text in table?


Solution


Sample Code

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   
36   
37   
39   
40   
41   
42   
43   
44   
45   
46   
47   
48   
49   
50   
51   
52   
53   
54   
55   
56   
57   
58   
59   
<?php
$window = new GtkWindow();
$window->set_size_request(400, 230);
$window->connect_simple('destroy', array('Gtk','main_quit'));

$window->add($vbox = new GtkVBox());

// display title
$title = new GtkLabel("Display vertical text in table");
$title->modify_font(new PangoFontDescription("Times New Roman Italic 10"));
$title->modify_fg(Gtk::STATE_NORMAL, GdkColor::parse("#0000ff"));
$title->set_size_request(-1, 40);
$vbox->pack_start($title, 0, 0);

$gap = new GtkHBox();
$gap->set_size_request(-1, 10); // add a small gap btw title and table
$vbox->pack_start($gap, 0, 0);

$vbox->pack_start($hbox = new GtkHBox());
$hbox->pack_start(new GtkHBox());
$hbox->pack_start($table = new GtkTable(), 0, 0);
$hbox->pack_start(new GtkHBox());

$data = array(
array('', ' header1 ', ' header2 ', ' header3 '),
array('row0', 1, 2, 3),
array('row1', 4, 5, 6),
array('row2', 7, 8, 9),
array('row3', 10, 11, 12),
array('row4', 13, 14, 15));

display_table ($table, $data);

function display_table($table, $a) {
    for ($row=0; $row<count($a); ++$row) {
        for ($col=0; $col<count($a[$row]); ++$col) {
            $frame = new GtkFrame();
            $eventbox = new GtkEventBox();
            $frame->add($eventbox);
            $label = new GtkLabel($a[$row][$col]);
            $eventbox->add($label);
            if ($row==0) {
                $label->set_angle(90); // note 1
                $eventbox->modify_bg(Gtk::STATE_NORMAL, GdkColor::parse("#FFCC66"));
            } elseif ($row%2==0) {
                $eventbox->modify_bg(Gtk::STATE_NORMAL, GdkColor::parse("#CCFF99"));
            }
            if (!($row==0 && $col==0))
                $table->attach($frame, $col, $col+1, $row, $row+1,
                    Gtk::FILL, Gtk::SHRINK, 0, 0);
        }
    }
}

$window->show_all();
Gtk::main();
?>

Output

As shown above.
 

Explanation

We make use of the code in How to display a 2D array in table - Part 5?

What's new here:

  1. Change the label to vertical text by rotating it 90 degree.

Related Links

Add comment


Security code
Refresh