title: How can I expand details for each column in a datatable?
body: <p>I'm working on an application that uses DataTables to various amounts of money used in different areas. What I want to be able to do is to enable the user to click on a column value within a specific row, then have a modal popup and give more details to the items that make the total.</p>
  <p>For example, let's say we have this table:</p>
  <pre><code>Work | Training | Month
  -----------------------
  $400 | $70      | Jan
  $375 | $800     | Feb
  $100 | $30      | March
  </code></pre>
  <p>If a user were to click on the $375 in the Work column for the Month of February, a modal like this might show up:</p>
  <pre><code>Item      | Cost
  -----------------
  Supplies  | $120
  Cleaning  | $180
  Service   | $75
  </code></pre>
  <p>Just as well, the user could opt to click on the $30 in the training column for the month of March and see this modal:</p>
  <pre><code>Course | Refund
  -------------
  PRG    | $10
  SQL    | $20
  </code></pre>
  <p>The point is that the user should be able to click on any column (of my choosing) in any row, and be able to get more detailed information.</p>
  <p>I know I can do the modal easily enough with this: <a href="https://datatables.net/extensions/responsive/examples/" rel="nofollow noreferrer">https://datatables.net/extensions/responsive/examples/</a></p>
  <p>And I know how to do child rows with this:
  <a href="https://datatables.net/examples/api/row_details.html" rel="nofollow noreferrer">https://datatables.net/examples/api/row_details.html</a></p>
  <p>But I can't seem to find anything that addresses how you can provide more details on specific columns, rather than the entire row. Like maybe a child column, rather than a child row. What would be a good option for me to be able to accomplish this? Do datatables have anything that could assist with this?</p>