Getting DataTables to keep its state when the user clicks the back button (without the stateSave option)
<p>The problem I'm experiencing in Chrome and Edge:</p>

<ol>
<li>Go to <a href="https://datatables.net/examples/basic_init/zero_configuration.html" rel="noreferrer">https://datatables.net/examples/basic_init/zero_configuration.html</a></li>
<li>Sort the table by some column (e.g. "Age")</li>
<li>Use the pagination interface at the bottom of the table to go to one of the other pages</li>
<li>Click on one of the navigation links to the left (e.g. "FAQs" or "Download")</li>
<li>Click the browser's back button and observe that the table is now back to its original state (sorted by the "Name" column and on page 1)</li>
</ol>

<p>In Firefox, the table is still sorted by the correct column and is still on the correct page. How can I make Chrome and Edge also behave this way?</p>

<p>I know DataTables has its <code>stateSave</code> option (<a href="https://datatables.net/reference/option/stateSave" rel="noreferrer">documentation</a> and <a href="https://datatables.net/examples/basic_init/state_save.html" rel="noreferrer">example</a>), but the problem with that is when the user navigates around the site and then clicks a link to go to the page that has the DataTables table, it will put them back into the same state in that scenario too. I only want the user to be put back into the same state if they use their browser's back button.</p>