title: how to display a circle next to columns header in j query data-table
body: <p>I have a jquery data-table where i need to display a small colored circle next to each column header name as shown below<a href="https://i.stack.imgur.com/Xyvnr.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Xyvnr.png" alt="enter image description here"></a></p>
  
  <p>Want to add a small blue circle only on the header</p>
  
  <p>I am defining the header columns as shown below</p>
  
  <pre><code>  var popupDataColumns = [
              {
                  "data": "Occurrence",
                  "title": "Occurrence"
              },
              { data: "Release", title: "Release" },
              { data: "SWID", title: "SWID" },
              { data: "Event", title: "Event" },
              { data: "Level", title: "Level" },
              { data: "ReleaseSWID", title: "ReleaseSWID" },
          ];
  </code></pre>
  
  <p>Please let me know how can i achieve it</p>