[datatable] provide "swipeout-cell"

[nimo23]

This is a (multiple allowed):

• [x] enhancement

• Framework7 Version: 2

The datatable component (https://framework7.io/docs/data-table.html) has this:

<th class="checkbox-cell">
          <label class="checkbox">
            <input type="checkbox"/>
            <i class="icon-checkbox"></i>
          </label>
        </th>

to provide a "checkbox-cell".

Would be nice to even provide a "swipeout-cell" (https://framework7.io/docs/swipeout.html).

For example:

<th class="swipeout-cell">
<div class="swipeout-actions-right">
<a href="#" data-confirm="Are you sure you want to delete this item?" 
class="swipeout-delete">Delete</a>
 <a href="#" data-confirm="Are you sure you want to delete this item?" 
class="swipeout-delete">Edit</a>
..
</div>
</th>

So with this, many actions can be bundled within a swipeout-cell.

I think, the "swipeout-cell" should only be allowed at the first or at the last column (".swipeout-cell-left" and "".swipeout-cell-right"), but not in between, because it may disturb the scroling from left to right when having many columns. But you will see..

[jobbyjohn86]

If the Swipe out Option add into datatable , that will be greatful, so some important event can raise from there.