Hold de to første kolonner i horisontal scroll

Jeg har en løsning til låsning af 1-2 kolonne og overskrift ved scroll i et datagrid, men det er i webforms. Har ikke arbejdet med datagrid i windows forms, så hvis det er det du efterlyser, kan jeg ikke lige hjælpe.

Ja det kan helt sikkert noget jeg kan bruge...Skal selv bruge det i en webform...

Har haft indbrud hvor de bla. har stjålet min private PC. Vender tilbage når jeg igen er kørende. Der går nok nogen tid, så måske kan andre hjælpe inden da.

Ser ikke ud til der er så mange der kan hjælpe, så sætter lidt min lid til dig...

Her er lidt at starte på til låsning overskrift i datagrid på en webform.

Placer datagrid i en Html label (DIV).
Navngiv html-label id=div-datagrid. I style-builderen for html-label under 'Layout' stilles overflow = 'use scroolbars if needed'

Gå ind i html koden for webformen og indsæt følgende i headeren:

<LINK href="DataGridStyles.css" type="text/css" rel="stylesheet">
<script>
function getHeader()
{
var Header;
if (Header == null)
{
Header = DataGrid1.parentElement;
}
return Header.scrollTop -2;
}
</script>

I html koden ud for <asp:datagrid id="DataGrid1" indsættes UseAccessibleHeader="True"

Indsæt disse linier i css filen DataGridStyles.css:

/* Locks table header */
th {
top: expression(getHeader()); /*IE5+ only*/
z-index: 10;
/* top: expression(document.getElementById("div-datagrid").scrollTop-2); /*IE5+ only*/
}

/* Keeps the header as the top most item. Important for top left item*/
th.locked {z-index: 99;}
   
Jeg vender tilbage, når jeg finder koden til låsning af kolonner. Det er kun lidt tilføjelser til ovenstående (så vidt jeg husker).

Her er koden til at låse 1. kolonne ved scroll :
function lockCol(tblID) {

    var table = document.getElementById(tblID);
    var button = document.getElementById('toggle');
    var cTR = table.getElementsByTagName('tr');  //collection of rows

    if (table.rows[0].cells[0].className == '') {
        for (i = 0; i < cTR.length; i++)
            {
            var tr = cTR.item(i);
            tr.cells[0].className = 'locked'
            tr.cells[1].className = 'locked'
            }
        button.innerText = "Unlock First Column";
        }
        else {
        for (i = 0; i < cTR.length; i++)
            {
            var tr = cTR.item(i);
            tr.cells[0].className = ''
            tr.cells[1].className = ''
            }
        button.innerText = "Lock First Column";
        }
}

Ovenstående er til låsning af 1. og 2. kolonne.

Hej - mange tak;-)

Smid lige et svar...!

Vend tilbage hvis der er noget, som du ikke kan få til at virke, da sidstnævnte ikke er testet af, efter jeg har fået ny PC.

Det gør jeg - har lige et par projekter i skolen, så der går nok lige et par dage. Men glæder mig til at kigge på det.

Tak for hjælpen...

Denne testside viser et eksempel på låsning af første kolonne:
http://www.carsten-svendsen.dk/Datagrid.aspx