Fix a Column in Html

1

Good afternoon!

I would like to know if someone could help me with the following, I have a table where I need that the first column of it is always fixed, that is to say that the scroll is enabled in the lower part and from there the body can move but not the First column, any ideas?

    
asked by FABIAN AGUILAR 15.05.2017 в 23:41
source

2 answers

1

Here are some examples that I found appropriate for what you need:

Bootstrap table with first fixed column

Another table somewhat more complex but also with its first fixed column

A pretty simple way to do it with JQuery

    
answered by 16.05.2017 в 00:02
0

Maybe you could use the example from the stylus page and adapt it to your page:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="//stylus-lang.com/s/style.css" />
    <script src="//stylus-lang.com/js/vendor/modernizr-2.8.2.min.js"></script>
    <script src="//stylus-lang.com/js/vendor/respond.js-1.4.2.min.js"></script>
        <link rel="stylesheet" href="//stylus-lang.com/s/codemirror.css"/>
        <script src="//stylus-lang.com/try/jquery.js"></script>
        <script src="//stylus-lang.com/try/stylus.min.js"></script>
        <script src="//stylus-lang.com/try/codemirror.js"></script>
        <script src="//stylus-lang.com/try/css-mode.js"></script>
        <script src="//stylus-lang.com/try/try.js"></script>
    <title>Ejemplo</title>
</head>
<body>
    <div class="wrap">
        <aside class="sidebar">
        </aside>
        <main class="content">
        </main>
    </div>
</body>
</html>
    
answered by 16.05.2017 в 01:48