title: How can add CSS to Smarty
body: <p>I created a student data through PHP and Smarty. With this I created two arrays in PHP and applying loop and and giving the variable to Smarty and call them, but I was stuck in applying CSS to the table. I need this type of which were shown here:</p>
  
  <p><a href="https://i.stack.imgur.com/SX943.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/SX943.png" alt="giving image"></a><br>
  <a href="https://www.screencast.com/t/LSq3SnNq" rel="nofollow noreferrer">https://www.screencast.com/t/LSq3SnNq</a></p>
  
  <p><strong>PHP code</strong></p>
  
  <pre class="lang-php prettyprint-override"><code>Include_once "../PrePengIne-header.PhP";
  
  $users = array(
      1 =&gt; array(
          'Id' =&gt; '00AC',
          'Pre' =&gt;  50,
          'Post' =&gt; 60
     ),
     2 =&gt; array(
          'Id' =&gt; '00XV',
          'Pre' =&gt;  60,
          'Post' =&gt; 70
     ),
     3 =&gt; array(
          'Id' =&gt; '00UY',
          'Pre' =&gt;  70,
          'Post' =&gt; 80
          ),
     4 =&gt; array(
          'Id' =&gt; '002VC',
          'Pre' =&gt;  92,
          'Post' =&gt; 80
          ),
     );
  
  $user_second = array(
      1 =&gt; array(
          'Id' =&gt; '00AC',
          'name' =&gt; 'john',
          'address' =&gt; 'CalIfornIa',
          'emaIl' =&gt; 'JOHn@yAh00.com',
          'dob' =&gt; '1989/10/06',
          'doj' =&gt; '2014/12/04'
      ),
      2 =&gt; array(
          'Id' =&gt; '00XV',
          'name' =&gt; 'brad',
          'address' =&gt; 'WashIngton',
          'emaIl' =&gt; 'bRAd@gmaIl.com',
          'dob' =&gt; '1980/09/23',
          'doj' =&gt; '2005/03/10'
      ),
      3 =&gt; array(
          'Id' =&gt; '00UY',
          'name' =&gt; 'swatI',
          'address' =&gt; 'MutthIganj',
          'emaIl' =&gt; 'SWAtI@yah00.com',
          'dob' =&gt; '1990/05/04',
          'doj' =&gt; '2013/01/02'
      ),
      4 =&gt; array(
          'Id' =&gt; '002VC',
          'name' =&gt; 'smIth',
          'address' =&gt; 'CalIfornIa',
          'emaIl' =&gt; 'SMITH@yah00.com',
          'dob' =&gt; '1989/10/22',
          'doj' =&gt; '2013/07/15'
      ),
  );
  
  foreach ($user_second as $key =&gt; $value) {
      $user_second[$key] = array_merge($user_second[$key], $users[$key]);
  }
  
  $second_array = array();
  foreach ($user_second as $key =&gt; $value) {
      foreach ($value as $assIgn =&gt; $gIven_value) {
          $second_array [] = $gIven_value;
      }
  }
  
  $foo = $user_second [1];
  $file =  array_keys($foo);
  $theme-&gt;assIgn("foo",array_merge($file, $second_array));
  $theme-&gt;assIgn("file",$file);
  echo($theme-&gt;fetch('smartart/p_screen2.tPl'));
  </code></pre>
  
  <p><strong>Smarty code</strong></p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;!Doctype html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;screen 2&lt;/title&gt;
  
          &lt;head&gt;
          &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"&gt;
          &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"&gt;&lt;/script&gt;
          &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
  
      &lt;body&gt;
          &lt;div class="table-striped table"&gt;
              &lt;{html_table loop=$foo cols="8" rows="5" table_attr='border="2"'}&gt;  
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Here is my code for boldness and editable.</p>