search

alalonde / angular-scrollable-table

A fixed header table directive for AngularJS
MIT License
68 stars 48 forks source link

Custom scrollbars #47

Open Nirvaxstiel opened 8 years ago

Nirvaxstiel commented 8 years ago

I want to be able to use my own scrollbars into the scrollable table. I can't find any way to do this so here is my current code. It works, but the fixed header positioning will go haywire. (I'm using Malihu's Scrollbar)

Reversing the tags will result in the entire table not showing up at all.

image

<scrollable-table>
    <div m-custom-bar always-show-scrollbar enable-yx mouse-wheel-yx>
        <table class="table table-striped table-bordered">
            <thead>
            <tr>
                <th></th>
                ...
            </tr>
            </thead>
            <tbody>
            <tr ng-repeat="abc in list">
                <td></td>
                ...
            </tr>
            </tbody>
        </table>
    </div>
</scrollable-table>