.footable jquery doest not work

 

 

.columnsContainer { position: relative; margin: .5em; padding-top:2em }

.firstColumn, .secondColumn, .thirdColumn { /*border: 1px solid #ccc;*/ padding: 1.25em; }

.firstColumn { margin-bottom: .5em; }

.secondColumn { margin-bottom: .5em; }

.right {
position: relative;
left: 270px;
font-size: 12.5px;
font-family: Helvetica Neue,Lucida Grande,Segoe UI,Arial, Helvetica, Verdana, sans-serif;
top: 0.5em;
}

/* MEDIA QUERIES */
@media screen and (min-width: 47.5em ) {
.firstColumn {
margin-right: 60em;
width: 26.6em;
}

.secondColumn {
position: absolute;
top: 2em;
right: 26.9em;
width: 26.6em;
}

.thirdColumn {
position: absolute;
top: 2em;
right: 0;
width: 26.6em;
}

.fourthColumn {display:none}

.footable>thead>tr>th,.footable>thead>tr>td{position:relative}
.footable{border-spacing:0;width:100%;border:solid #ccc 1px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;font-family:'trebuchet MS','Lucida sans',Arial;font-size:14px}
.footable.breakpoint>tbody>tr>td.expand{background:url(img/plus.png) no-repeat 5px center;padding-left:40px}
.footable.breakpoint>tbody>tr.footable-detail-show>td.expand{background:url(img/minus.png) no-repeat 5px center}
.footable.breakpoint>tbody>tr.footable-row-detail{background:#eee}
.footable>tbody>tr:hover{background:#fbf8e9}
.footable.breakpoint>tbody>tr:hover:not(.footable-row-detail){cursor:pointer}
.footable>tbody>tr>td,.footable>thead>tr>th{border-left:1px solid #ccc;border-top:1px solid #ccc;padding:10px;text-align:left}
.footable>thead>tr>th,.footable>thead>tr>td{background-color:#dce9f9;background-image:-webkit-gradient(linear,left top,left bottom,from(#ebf3fc),to(#dce9f9));background-image:-webkit-linear-gradient(top,#ebf3fc,#dce9f9);background-image:-moz-linear-gradient(top,#ebf3fc,#dce9f9);background-image:-ms-linear-gradient(top,#ebf3fc,#dce9f9);background-image:-o-linear-gradient(top,#ebf3fc,#dce9f9);background-image:linear-gradient(to bottom,#ebf3fc,#dce9f9);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;-moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;box-shadow:0 1px 0 rgba(255,255,255,.8) inset;border-top:0;text-shadow:0 1px 0 rgba(255,255,255,.5)}
.footable>thead>tr>th:first-child,.footable>thead>tr>td:first-child{-moz-border-radius:6px 0 0;-webkit-border-radius:6px 0 0;border-radius:6px 0 0}
.footable>thead>tr>th:last-child,.footable>thead>tr>td:last-child{-moz-border-radius:0 6px 0 0;-webkit-border-radius:0 6px 0 0;border-radius:0 6px 0 0}
.footable>thead>tr>th:only-child,.footable>thead>tr>td:only-child{-moz-border-radius:6px 6px 0 0;-webkit-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0}
.footable>tbody>tr:last-child>td:first-child{-moz-border-radius:0 0 0 6px;-webkit-border-radius:0 0 0 6px;border-radius:0 0 0 6px}
.footable>tbody>tr:last-child>td:last-child{-moz-border-radius:0 0 6px;-webkit-border-radius:0 0 6px;border-radius:0 0 6px}
.footable>tbody img{vertical-align:middle}

}