Can't draw a good flow chart with item list












2















I need to draw a flow chart with items in bullet points. I tried drawing using:



begin{tikzpicture}[node distance = 4cm, auto]
% Place nodes

node [block] (init)
{
{dataset
begin{itemize}
item Boundary dataset
item Emission dataset
end{itemize}}
}

node [block, below of=init] (identify) {Run Model WRF-Chem};
node [block, below of=identify] (evaluate) {Model Result item PM and ozone item fire and nofire values};
node [block, below of=evaluate] (evaluation) {Result Validation item OM and ozone from instrument item For AOD modis datas};
% Draw edges
path [line] (init) -- (identify);
path [line] (identify) -- (evaluate);
path [line] (evaluate) -- (evaluation);

end{tikzpicture}


I also tried:



begin{center}
begin{tikzpicture}[node distance = 4cm, auto]
begin{itemize}

% Place nodes
node [block] (init) {Data collection item Boundary dataset item Emission dataset};
node [block, below of=init] (identify) {Run Model item WRF-Chem};
node [block, below of=identify] (evaluate) {Model Result item PM and ozone item fire and nofire values};
node [block, below of=evaluate] (evaluation) {Result Validation item OM and ozone from instrument item For AOD modis datas};
% Draw edges
path [line] (init) -- (identify);
path [line] (identify) -- (evaluate);
path [line] (evaluate) -- (evaluation);

end{itemize}
end{tikzpicture}


But the figure comes like the following:



enter image description here



How can I organize the bullets so that it comes in the exact place?










share|improve this question




















  • 1





    Welcome to TeX.SE! What do mean with "better"? Wider blue boxes, smaller textsize, ... ?

    – Kurt
    Mar 29 at 1:15











  • @Kurt Thank you. I have edited the question. I want to create bullets in order. But, bullets are being placed randomly. So, my meaning of better is how can I organize bullets properly.

    – Mala Pokhrel
    Mar 29 at 1:28
















2















I need to draw a flow chart with items in bullet points. I tried drawing using:



begin{tikzpicture}[node distance = 4cm, auto]
% Place nodes

node [block] (init)
{
{dataset
begin{itemize}
item Boundary dataset
item Emission dataset
end{itemize}}
}

node [block, below of=init] (identify) {Run Model WRF-Chem};
node [block, below of=identify] (evaluate) {Model Result item PM and ozone item fire and nofire values};
node [block, below of=evaluate] (evaluation) {Result Validation item OM and ozone from instrument item For AOD modis datas};
% Draw edges
path [line] (init) -- (identify);
path [line] (identify) -- (evaluate);
path [line] (evaluate) -- (evaluation);

end{tikzpicture}


I also tried:



begin{center}
begin{tikzpicture}[node distance = 4cm, auto]
begin{itemize}

% Place nodes
node [block] (init) {Data collection item Boundary dataset item Emission dataset};
node [block, below of=init] (identify) {Run Model item WRF-Chem};
node [block, below of=identify] (evaluate) {Model Result item PM and ozone item fire and nofire values};
node [block, below of=evaluate] (evaluation) {Result Validation item OM and ozone from instrument item For AOD modis datas};
% Draw edges
path [line] (init) -- (identify);
path [line] (identify) -- (evaluate);
path [line] (evaluate) -- (evaluation);

end{itemize}
end{tikzpicture}


But the figure comes like the following:



enter image description here



How can I organize the bullets so that it comes in the exact place?










share|improve this question




















  • 1





    Welcome to TeX.SE! What do mean with "better"? Wider blue boxes, smaller textsize, ... ?

    – Kurt
    Mar 29 at 1:15











  • @Kurt Thank you. I have edited the question. I want to create bullets in order. But, bullets are being placed randomly. So, my meaning of better is how can I organize bullets properly.

    – Mala Pokhrel
    Mar 29 at 1:28














2












2








2


0






I need to draw a flow chart with items in bullet points. I tried drawing using:



begin{tikzpicture}[node distance = 4cm, auto]
% Place nodes

node [block] (init)
{
{dataset
begin{itemize}
item Boundary dataset
item Emission dataset
end{itemize}}
}

node [block, below of=init] (identify) {Run Model WRF-Chem};
node [block, below of=identify] (evaluate) {Model Result item PM and ozone item fire and nofire values};
node [block, below of=evaluate] (evaluation) {Result Validation item OM and ozone from instrument item For AOD modis datas};
% Draw edges
path [line] (init) -- (identify);
path [line] (identify) -- (evaluate);
path [line] (evaluate) -- (evaluation);

end{tikzpicture}


I also tried:



begin{center}
begin{tikzpicture}[node distance = 4cm, auto]
begin{itemize}

% Place nodes
node [block] (init) {Data collection item Boundary dataset item Emission dataset};
node [block, below of=init] (identify) {Run Model item WRF-Chem};
node [block, below of=identify] (evaluate) {Model Result item PM and ozone item fire and nofire values};
node [block, below of=evaluate] (evaluation) {Result Validation item OM and ozone from instrument item For AOD modis datas};
% Draw edges
path [line] (init) -- (identify);
path [line] (identify) -- (evaluate);
path [line] (evaluate) -- (evaluation);

end{itemize}
end{tikzpicture}


But the figure comes like the following:



enter image description here



How can I organize the bullets so that it comes in the exact place?










share|improve this question
















I need to draw a flow chart with items in bullet points. I tried drawing using:



begin{tikzpicture}[node distance = 4cm, auto]
% Place nodes

node [block] (init)
{
{dataset
begin{itemize}
item Boundary dataset
item Emission dataset
end{itemize}}
}

node [block, below of=init] (identify) {Run Model WRF-Chem};
node [block, below of=identify] (evaluate) {Model Result item PM and ozone item fire and nofire values};
node [block, below of=evaluate] (evaluation) {Result Validation item OM and ozone from instrument item For AOD modis datas};
% Draw edges
path [line] (init) -- (identify);
path [line] (identify) -- (evaluate);
path [line] (evaluate) -- (evaluation);

end{tikzpicture}


I also tried:



begin{center}
begin{tikzpicture}[node distance = 4cm, auto]
begin{itemize}

% Place nodes
node [block] (init) {Data collection item Boundary dataset item Emission dataset};
node [block, below of=init] (identify) {Run Model item WRF-Chem};
node [block, below of=identify] (evaluate) {Model Result item PM and ozone item fire and nofire values};
node [block, below of=evaluate] (evaluation) {Result Validation item OM and ozone from instrument item For AOD modis datas};
% Draw edges
path [line] (init) -- (identify);
path [line] (identify) -- (evaluate);
path [line] (evaluate) -- (evaluation);

end{itemize}
end{tikzpicture}


But the figure comes like the following:



enter image description here



How can I organize the bullets so that it comes in the exact place?







tikz-pgf itemize flow-charts






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Mar 30 at 6:43









JouleV

11.4k22561




11.4k22561










asked Mar 29 at 1:06









Mala PokhrelMala Pokhrel

133




133








  • 1





    Welcome to TeX.SE! What do mean with "better"? Wider blue boxes, smaller textsize, ... ?

    – Kurt
    Mar 29 at 1:15











  • @Kurt Thank you. I have edited the question. I want to create bullets in order. But, bullets are being placed randomly. So, my meaning of better is how can I organize bullets properly.

    – Mala Pokhrel
    Mar 29 at 1:28














  • 1





    Welcome to TeX.SE! What do mean with "better"? Wider blue boxes, smaller textsize, ... ?

    – Kurt
    Mar 29 at 1:15











  • @Kurt Thank you. I have edited the question. I want to create bullets in order. But, bullets are being placed randomly. So, my meaning of better is how can I organize bullets properly.

    – Mala Pokhrel
    Mar 29 at 1:28








1




1





Welcome to TeX.SE! What do mean with "better"? Wider blue boxes, smaller textsize, ... ?

– Kurt
Mar 29 at 1:15





Welcome to TeX.SE! What do mean with "better"? Wider blue boxes, smaller textsize, ... ?

– Kurt
Mar 29 at 1:15













@Kurt Thank you. I have edited the question. I want to create bullets in order. But, bullets are being placed randomly. So, my meaning of better is how can I organize bullets properly.

– Mala Pokhrel
Mar 29 at 1:28





@Kurt Thank you. I have edited the question. I want to create bullets in order. But, bullets are being placed randomly. So, my meaning of better is how can I organize bullets properly.

– Mala Pokhrel
Mar 29 at 1:28










2 Answers
2






active

oldest

votes


















3














Your example is not complete, I've invented the definition of block and line.



You forgot begin{itemize} ... end{itemize} in two nodes.



After these two corrections, it works perfectly.



documentclass{article}
usepackage{amsmath}
usepackage{tikz}
usetikzlibrary{positioning,arrows.meta}
tikzset{
block/.style={
draw,
rounded corners,
text width=12em,
text centered,
minimum height=20ex,
fill=cyan!70!white
},
line/.style={
draw,
-Stealth
},
}
begin{document}
begin{tikzpicture}[node distance = 4cm, auto]
% Place nodes
node [block] (init)
{
{dataset
begin{itemize}
item Boundary dataset
item Emission dataset
end{itemize}}
};
node [block, below of=init] (identify) {Run Model WRF-Chem};
node [block, below of=identify] (evaluate) {Model Result begin{itemize}
item PM and ozone
item fire and nofire values
end{itemize}};
node [block, below of=evaluate] (evaluation) {Result Validation begin{itemize}
item OM and ozone from instrument
item For AOD modis datas
end{itemize}};
% Draw edges
path [line] (init) -- (identify);
path [line] (identify) -- (evaluate);
path [line] (evaluate) -- (evaluation);
end{tikzpicture}

end{document}


enter image description here






share|improve this answer































    1














    mostly off-topic, since cause of your problem is already explained in CarLaTeX answer.



    with using tikz libraries arrows.meta (for arrows), chains (for link nodes in chain and conect them by use of its macro join) andpositioning(to determine distance between nodes) , and the packageenumitem` (for lists in nodes) ypu can redesign your flowchart in the following look-out:



    enter image description here



    documentclass[tikz, margin=3mm]{standalone}
    usetikzlibrary{arrows.meta, chains, positioning}
    usepackage{enumitem}

    begin{document}
    begin{tikzpicture}[
    node distance = 3ex,
    start chain = going below,
    every node/.style = {draw, rounded corners, fill=blue!20,
    text width=11em, minimum height=12ex,
    align=center,
    on chain, join=by -Stealth}
    ]
    setlist[itemize,1]{nosep,
    leftmargin=*}
    %
    node {dataset
    begin{itemize}
    item Boundary dataset
    item Emission dataset
    end{itemize}};
    node {Run Model WRF-Chem};
    node {Model Result
    begin{itemize}
    item PM and ozone
    item fire and nofire values
    end{itemize}};
    node {Result Validation
    begin{itemize}
    item OM and ozone from instrument
    item For AOD modis datas
    end{itemize}};
    end{tikzpicture}
    end{document}





    share|improve this answer


























      Your Answer








      StackExchange.ready(function() {
      var channelOptions = {
      tags: "".split(" "),
      id: "85"
      };
      initTagRenderer("".split(" "), "".split(" "), channelOptions);

      StackExchange.using("externalEditor", function() {
      // Have to fire editor after snippets, if snippets enabled
      if (StackExchange.settings.snippets.snippetsEnabled) {
      StackExchange.using("snippets", function() {
      createEditor();
      });
      }
      else {
      createEditor();
      }
      });

      function createEditor() {
      StackExchange.prepareEditor({
      heartbeatType: 'answer',
      autoActivateHeartbeat: false,
      convertImagesToLinks: false,
      noModals: true,
      showLowRepImageUploadWarning: true,
      reputationToPostImages: null,
      bindNavPrevention: true,
      postfix: "",
      imageUploader: {
      brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
      contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
      allowUrls: true
      },
      onDemand: true,
      discardSelector: ".discard-answer"
      ,immediatelyShowMarkdownHelp:true
      });


      }
      });














      draft saved

      draft discarded


















      StackExchange.ready(
      function () {
      StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2ftex.stackexchange.com%2fquestions%2f482017%2fcant-draw-a-good-flow-chart-with-item-list%23new-answer', 'question_page');
      }
      );

      Post as a guest















      Required, but never shown

























      2 Answers
      2






      active

      oldest

      votes








      2 Answers
      2






      active

      oldest

      votes









      active

      oldest

      votes






      active

      oldest

      votes









      3














      Your example is not complete, I've invented the definition of block and line.



      You forgot begin{itemize} ... end{itemize} in two nodes.



      After these two corrections, it works perfectly.



      documentclass{article}
      usepackage{amsmath}
      usepackage{tikz}
      usetikzlibrary{positioning,arrows.meta}
      tikzset{
      block/.style={
      draw,
      rounded corners,
      text width=12em,
      text centered,
      minimum height=20ex,
      fill=cyan!70!white
      },
      line/.style={
      draw,
      -Stealth
      },
      }
      begin{document}
      begin{tikzpicture}[node distance = 4cm, auto]
      % Place nodes
      node [block] (init)
      {
      {dataset
      begin{itemize}
      item Boundary dataset
      item Emission dataset
      end{itemize}}
      };
      node [block, below of=init] (identify) {Run Model WRF-Chem};
      node [block, below of=identify] (evaluate) {Model Result begin{itemize}
      item PM and ozone
      item fire and nofire values
      end{itemize}};
      node [block, below of=evaluate] (evaluation) {Result Validation begin{itemize}
      item OM and ozone from instrument
      item For AOD modis datas
      end{itemize}};
      % Draw edges
      path [line] (init) -- (identify);
      path [line] (identify) -- (evaluate);
      path [line] (evaluate) -- (evaluation);
      end{tikzpicture}

      end{document}


      enter image description here






      share|improve this answer




























        3














        Your example is not complete, I've invented the definition of block and line.



        You forgot begin{itemize} ... end{itemize} in two nodes.



        After these two corrections, it works perfectly.



        documentclass{article}
        usepackage{amsmath}
        usepackage{tikz}
        usetikzlibrary{positioning,arrows.meta}
        tikzset{
        block/.style={
        draw,
        rounded corners,
        text width=12em,
        text centered,
        minimum height=20ex,
        fill=cyan!70!white
        },
        line/.style={
        draw,
        -Stealth
        },
        }
        begin{document}
        begin{tikzpicture}[node distance = 4cm, auto]
        % Place nodes
        node [block] (init)
        {
        {dataset
        begin{itemize}
        item Boundary dataset
        item Emission dataset
        end{itemize}}
        };
        node [block, below of=init] (identify) {Run Model WRF-Chem};
        node [block, below of=identify] (evaluate) {Model Result begin{itemize}
        item PM and ozone
        item fire and nofire values
        end{itemize}};
        node [block, below of=evaluate] (evaluation) {Result Validation begin{itemize}
        item OM and ozone from instrument
        item For AOD modis datas
        end{itemize}};
        % Draw edges
        path [line] (init) -- (identify);
        path [line] (identify) -- (evaluate);
        path [line] (evaluate) -- (evaluation);
        end{tikzpicture}

        end{document}


        enter image description here






        share|improve this answer


























          3












          3








          3







          Your example is not complete, I've invented the definition of block and line.



          You forgot begin{itemize} ... end{itemize} in two nodes.



          After these two corrections, it works perfectly.



          documentclass{article}
          usepackage{amsmath}
          usepackage{tikz}
          usetikzlibrary{positioning,arrows.meta}
          tikzset{
          block/.style={
          draw,
          rounded corners,
          text width=12em,
          text centered,
          minimum height=20ex,
          fill=cyan!70!white
          },
          line/.style={
          draw,
          -Stealth
          },
          }
          begin{document}
          begin{tikzpicture}[node distance = 4cm, auto]
          % Place nodes
          node [block] (init)
          {
          {dataset
          begin{itemize}
          item Boundary dataset
          item Emission dataset
          end{itemize}}
          };
          node [block, below of=init] (identify) {Run Model WRF-Chem};
          node [block, below of=identify] (evaluate) {Model Result begin{itemize}
          item PM and ozone
          item fire and nofire values
          end{itemize}};
          node [block, below of=evaluate] (evaluation) {Result Validation begin{itemize}
          item OM and ozone from instrument
          item For AOD modis datas
          end{itemize}};
          % Draw edges
          path [line] (init) -- (identify);
          path [line] (identify) -- (evaluate);
          path [line] (evaluate) -- (evaluation);
          end{tikzpicture}

          end{document}


          enter image description here






          share|improve this answer













          Your example is not complete, I've invented the definition of block and line.



          You forgot begin{itemize} ... end{itemize} in two nodes.



          After these two corrections, it works perfectly.



          documentclass{article}
          usepackage{amsmath}
          usepackage{tikz}
          usetikzlibrary{positioning,arrows.meta}
          tikzset{
          block/.style={
          draw,
          rounded corners,
          text width=12em,
          text centered,
          minimum height=20ex,
          fill=cyan!70!white
          },
          line/.style={
          draw,
          -Stealth
          },
          }
          begin{document}
          begin{tikzpicture}[node distance = 4cm, auto]
          % Place nodes
          node [block] (init)
          {
          {dataset
          begin{itemize}
          item Boundary dataset
          item Emission dataset
          end{itemize}}
          };
          node [block, below of=init] (identify) {Run Model WRF-Chem};
          node [block, below of=identify] (evaluate) {Model Result begin{itemize}
          item PM and ozone
          item fire and nofire values
          end{itemize}};
          node [block, below of=evaluate] (evaluation) {Result Validation begin{itemize}
          item OM and ozone from instrument
          item For AOD modis datas
          end{itemize}};
          % Draw edges
          path [line] (init) -- (identify);
          path [line] (identify) -- (evaluate);
          path [line] (evaluate) -- (evaluation);
          end{tikzpicture}

          end{document}


          enter image description here







          share|improve this answer












          share|improve this answer



          share|improve this answer










          answered Mar 30 at 6:35









          CarLaTeXCarLaTeX

          34.4k552141




          34.4k552141























              1














              mostly off-topic, since cause of your problem is already explained in CarLaTeX answer.



              with using tikz libraries arrows.meta (for arrows), chains (for link nodes in chain and conect them by use of its macro join) andpositioning(to determine distance between nodes) , and the packageenumitem` (for lists in nodes) ypu can redesign your flowchart in the following look-out:



              enter image description here



              documentclass[tikz, margin=3mm]{standalone}
              usetikzlibrary{arrows.meta, chains, positioning}
              usepackage{enumitem}

              begin{document}
              begin{tikzpicture}[
              node distance = 3ex,
              start chain = going below,
              every node/.style = {draw, rounded corners, fill=blue!20,
              text width=11em, minimum height=12ex,
              align=center,
              on chain, join=by -Stealth}
              ]
              setlist[itemize,1]{nosep,
              leftmargin=*}
              %
              node {dataset
              begin{itemize}
              item Boundary dataset
              item Emission dataset
              end{itemize}};
              node {Run Model WRF-Chem};
              node {Model Result
              begin{itemize}
              item PM and ozone
              item fire and nofire values
              end{itemize}};
              node {Result Validation
              begin{itemize}
              item OM and ozone from instrument
              item For AOD modis datas
              end{itemize}};
              end{tikzpicture}
              end{document}





              share|improve this answer






























                1














                mostly off-topic, since cause of your problem is already explained in CarLaTeX answer.



                with using tikz libraries arrows.meta (for arrows), chains (for link nodes in chain and conect them by use of its macro join) andpositioning(to determine distance between nodes) , and the packageenumitem` (for lists in nodes) ypu can redesign your flowchart in the following look-out:



                enter image description here



                documentclass[tikz, margin=3mm]{standalone}
                usetikzlibrary{arrows.meta, chains, positioning}
                usepackage{enumitem}

                begin{document}
                begin{tikzpicture}[
                node distance = 3ex,
                start chain = going below,
                every node/.style = {draw, rounded corners, fill=blue!20,
                text width=11em, minimum height=12ex,
                align=center,
                on chain, join=by -Stealth}
                ]
                setlist[itemize,1]{nosep,
                leftmargin=*}
                %
                node {dataset
                begin{itemize}
                item Boundary dataset
                item Emission dataset
                end{itemize}};
                node {Run Model WRF-Chem};
                node {Model Result
                begin{itemize}
                item PM and ozone
                item fire and nofire values
                end{itemize}};
                node {Result Validation
                begin{itemize}
                item OM and ozone from instrument
                item For AOD modis datas
                end{itemize}};
                end{tikzpicture}
                end{document}





                share|improve this answer




























                  1












                  1








                  1







                  mostly off-topic, since cause of your problem is already explained in CarLaTeX answer.



                  with using tikz libraries arrows.meta (for arrows), chains (for link nodes in chain and conect them by use of its macro join) andpositioning(to determine distance between nodes) , and the packageenumitem` (for lists in nodes) ypu can redesign your flowchart in the following look-out:



                  enter image description here



                  documentclass[tikz, margin=3mm]{standalone}
                  usetikzlibrary{arrows.meta, chains, positioning}
                  usepackage{enumitem}

                  begin{document}
                  begin{tikzpicture}[
                  node distance = 3ex,
                  start chain = going below,
                  every node/.style = {draw, rounded corners, fill=blue!20,
                  text width=11em, minimum height=12ex,
                  align=center,
                  on chain, join=by -Stealth}
                  ]
                  setlist[itemize,1]{nosep,
                  leftmargin=*}
                  %
                  node {dataset
                  begin{itemize}
                  item Boundary dataset
                  item Emission dataset
                  end{itemize}};
                  node {Run Model WRF-Chem};
                  node {Model Result
                  begin{itemize}
                  item PM and ozone
                  item fire and nofire values
                  end{itemize}};
                  node {Result Validation
                  begin{itemize}
                  item OM and ozone from instrument
                  item For AOD modis datas
                  end{itemize}};
                  end{tikzpicture}
                  end{document}





                  share|improve this answer















                  mostly off-topic, since cause of your problem is already explained in CarLaTeX answer.



                  with using tikz libraries arrows.meta (for arrows), chains (for link nodes in chain and conect them by use of its macro join) andpositioning(to determine distance between nodes) , and the packageenumitem` (for lists in nodes) ypu can redesign your flowchart in the following look-out:



                  enter image description here



                  documentclass[tikz, margin=3mm]{standalone}
                  usetikzlibrary{arrows.meta, chains, positioning}
                  usepackage{enumitem}

                  begin{document}
                  begin{tikzpicture}[
                  node distance = 3ex,
                  start chain = going below,
                  every node/.style = {draw, rounded corners, fill=blue!20,
                  text width=11em, minimum height=12ex,
                  align=center,
                  on chain, join=by -Stealth}
                  ]
                  setlist[itemize,1]{nosep,
                  leftmargin=*}
                  %
                  node {dataset
                  begin{itemize}
                  item Boundary dataset
                  item Emission dataset
                  end{itemize}};
                  node {Run Model WRF-Chem};
                  node {Model Result
                  begin{itemize}
                  item PM and ozone
                  item fire and nofire values
                  end{itemize}};
                  node {Result Validation
                  begin{itemize}
                  item OM and ozone from instrument
                  item For AOD modis datas
                  end{itemize}};
                  end{tikzpicture}
                  end{document}






                  share|improve this answer














                  share|improve this answer



                  share|improve this answer








                  edited Mar 30 at 10:44

























                  answered Mar 30 at 10:29









                  ZarkoZarko

                  129k868169




                  129k868169






























                      draft saved

                      draft discarded




















































                      Thanks for contributing an answer to TeX - LaTeX Stack Exchange!


                      • Please be sure to answer the question. Provide details and share your research!

                      But avoid



                      • Asking for help, clarification, or responding to other answers.

                      • Making statements based on opinion; back them up with references or personal experience.


                      To learn more, see our tips on writing great answers.




                      draft saved


                      draft discarded














                      StackExchange.ready(
                      function () {
                      StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2ftex.stackexchange.com%2fquestions%2f482017%2fcant-draw-a-good-flow-chart-with-item-list%23new-answer', 'question_page');
                      }
                      );

                      Post as a guest















                      Required, but never shown





















































                      Required, but never shown














                      Required, but never shown












                      Required, but never shown







                      Required, but never shown

































                      Required, but never shown














                      Required, but never shown












                      Required, but never shown







                      Required, but never shown







                      Popular posts from this blog

                      How to change which sound is reproduced for terminal bell?

                      Can I use Tabulator js library in my java Spring + Thymeleaf project?

                      Title Spacing in Bjornstrup Chapter, Removing Chapter Number From Contents