wiki:TablePlugin

Create tables with custom styling

Description

This plugin allows the creation of tables within a Trac wiki page. As part of the table markup, styles can be defined in a CSS style markup. These styles can be applied to elements of the table, including the rows, columns and the overall table.

The CSS styles can be defined as part of the table markup or as part of the TableStyles wiki page inside a codeblock. This page is the recommended way to store and use any predefined styles.

Checkout the documentation here to see how to use the plugin's markup.

Bugs/Feature Requests

Existing bugs and feature requests for TablePlugin are here.

If you have any issues, create a new ticket.

defect

1 / 1

task

1 / 1

Download

Download the zipped source from here.

Source

You can check out TablePlugin from here using Subversion, or browse the source with Trac.

Installation

General instructions on installing Trac plugins can be found on the TracPlugins page.

Example

Example style definitions. The style page is located under the TRAC_ROOT_URL/wiki/TablePluginStyles. All styles should be defined inside a codeblock. This also allows Trac to keep a history of all the styles and corresponding changes they've gone through.

{{{
@table default:

table.default {
    font-family: verdana,arial,sans-serif;
    font-size: 11px;
    color: #333333;
    border-width: 1px;
    border-color: #666666;
    border-collapse: collapse;
}

table.default thead th {
    border-width: 1px;
    padding: 2px;
    border-style: solid;
    border-color: #666666;
    background-color: #dedede;
}

table.default tbody td {
    border-width: 1px;
    padding: 2px;
    border-style: solid;
    border-color: #666666;
}

@css header:
    font-weight: bold;
    text-align: center;

@css complete:
    font-weight: bold;
    background: palegreen;

@css not_complete:
    font-weight: bold;
    background: #F80000;
}}}

Example definition of a table with some styles applied:

{{{
#!styledtable

#!-- Define the table style

@table (@default):

#!-- Define the three columns to use

@column task
@column details
@column status

#!-- Tell the TablePlugin that this row should be styled with @header

@row (@header)

#!-- Define the first row, the table headers

@task: Task
@details: Details
@status: Status

#!-- The next row, noticed the @complete style applied to @status cell.

@task: Task 1
@details: Details of Task 1.
@status (@complete): Complete

#!-- Remaining rows below

@task: Task 2
@details: Details of Task 2.
@status (@complete): Complete

@task: Task 3
@details: Details of Task 3.
@status (@not_complete): Not Complete

@task: Task 4
@details: Details of Task 4.
@status: Waiting...

@task: Task 5
@details: Details of Task 5.
@status: Waiting...
}}}

The resulting table output from the above styles:

example table output

Recent Changes

13181 by rjollos on 2013-05-20 11:06:09
Fixes #10962: Added author name and email. Removed an unused import.
12793 by rjollos on 2013-03-25 04:46:55
Refs #10962: Removed unnecessary #! line at top of source file.
12792 by rjollos on 2013-03-25 04:43:42
Refs #10962: Added text for BSD 3-Clause license. Added .gitignore. Added setup.cfg.
(more)

Author/Contributors

Author: jonny
Maintainer: jonny
Contributors:

Last modified 8 months ago Last modified on Jan 27, 2016, 7:26:03 AM

Attachments (1)

Download all attachments as: .zip