html table右侧滑动,table表格固定最右侧操作列

border-collapse: collapse;

}

table td {

border: 1px solid;

width: 200px;

min-width: 200px;

max-width: 200px;

}

#left_div {

width: calc(100% -310px);float: left;

overflow: hidden!important;

}

#left_div1 {

width:100%;

overflow: hidden;

}

#left_div2 {

width:100%;/*height: 715px;*/overflow-x: auto;

overflow-y: hidden !important;

}

#left_table1, #left_table2 {

width:100%;

}

#left_table1{

width:100%;

height:63px;

}

#right_div {float: left;

width: 300px;

}

#right_div1 {

width:100%;

height: 63px;

}

#right_div2 {/*width: 100%;*/

/*height: 735px;*/overflow-y: auto;

overflow-x: hidden !important;

}

#top1{

border-top: 1px solid #ddd;

border-right: 1px solid #ddd;

border-bottom: 0px solid #ddd;

border-left: 0px solid #ddd;

cursor: col-resize;

font-weight: bold;

text-align: center;

}

#left_table1,#left_table2 {

width: 1500px;

}

列1

列2

列3

列4

列5

列6

列7

列8

列9

111111	222222	333333	444444	555555	666666	777777	888888	999999
111111	222222	333333	444444	555555	666666	777777	888888	999999
111111	222222	333333	444444	555555	666666	777777	888888	999999
111111	222222	333333	444444	555555	666666	777777	888888	999999
111111	222222	333333	444444	555555	666666	777777	888888	999999

列10

000000

000000

000000

000000

000000

var left_div2 = document.getElementById("left_div2");

left_div2.οnscrοll=function() {var left_div2_left = this.scrollLeft;

document.getElementById("left_div1").scrollLeft =left_div2_left;

}var right_div2 = document.getElementById("right_div2");

right_div2.οnscrοll=function() {var right_div2_top = this.scrollTop;

document.getElementById("left_div2").scrollTop =right_div2_top;

}