\begin{tikztimingtable}

%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%
%% My Customized Styles
%%

\tikzset{% Environment Config
    scale=2.5,
    timing/slope=0.1,
    timing/rowdist=3ex,
}

%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%
%% Drawing
%%

\textnormal{SPI Select} & 1U 24L    U{ } \\
\textnormal{SPI Clock}  & 3U 16{C} 7U{ } \\
\textnormal{SPI Data}   & 3U [fill=yellow]2D{B0}2D{B1}2D{B2}2D{B3}2D{B4}2D{B5}2D{B6}2D{B7}
                             [fill=gray]7U{ } \\
\textnormal{UART Data}  & 1U [fill=green]2D{Start}
                             [fill=yellow]2D{B0}2D{B1}2D{B2}2D{B3}2D{B4}2D{B5}2D{B6}2D{B7}
                             [fill=magenta!60]2D{Parity}
                             [fill=red!70]2D{Stop}2D{Stop}
                             [fill=gray]U{ } \\
%
% there must NOT be an uncommented line before \extracode!
%
\extracode
    % interconnection
    % table grid
    \begin{pgfonlayer}{background}
        \vertlines[help lines,red]{1,3,5,...,13,15,17,...,\twidth}
    \end{pgfonlayer}
    \tablegrid[fill=red,green!25,step=1]

%%
%%
%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

\end{tikztimingtable}

%Local variables:
% coding: utf-8
% mode: text
% mode: rst
% End:
% vim: fileencoding=utf-8 filetype=tex :