html - Right fixed column table - background color of fixed column not working -


i need table describred in fixed right column table scales responsive design when define background color using css rule doesn't apply fixed column

jsfiddle: https://jsfiddle.net/3ckvkr1f/2/

thanks!

html

<div class="table-responsive">   <table  class="table-striped" cellpadding="9">     <thead>       <tr>         <th>           col1         </th>         <th>           col2         </th>         <th class="crud-links"> options</th>       </tr>     </thead>     <tr>       <td>         r1col1 alçkfjalçkfjalkjflaksjflaksj       </td>       <td>         r1col2 aslkfjasklçfjaklçfjasklfjasçklfjas       </td>       <td class="crud-links">         x       </td>     </tr>     <tr>       <td style="white-space: nowrap;">         r2col1 alçkfjalçkfjalkjflaksjflaksj slkfjsçklafjaslfkjsldk       </td>       <td style="white-space: nowrap;">         r2col2 aslkfjasklçfjaklçfjasklfjasçklfjas       </td>       <td class="crud-links">         x       </td>     </tr>      <tr>       <td style="white-space: nowrap;">         r3col1 alçkfjalçkfjalkjflaksjflaksj slkfjsçklafjaslfkjsldk       </td>       <td style="white-space: nowrap;">         r3col2 aslkfjasklçfjaklçfjasklfjasçklfjas       </td>       <td class="crud-links">         x       </td>     </tr>    </table>  </div>

css:

.table-striped > tbody > tr:nth-of-type(2n+1) {     background-color: blue; } .page-header {   padding-bottom: 9px;   margin: 40px 0 20px;   border-bottom: 1px solid #eeeeee; }     .table-hover th, .table-hover td {         padding: 9px;     }     .table-responsive {         width: inherit;         max-width: 80%;         margin-bottom: 15px;         overflow-x:  scroll;         overflow-y: hidden;         border: 0;             }      .crud-links{         position: absolute;         overflow:hidden;         width: 91px;         right: 0;            }   .table-striped > tbody > tr:nth-of-type(2n+1) {     background-color: blue; }

are talking ones class .crud-links? if so, tr .crud-links { background: something; }

if you're talking them not getting same color every other in main part, same, using tr .crud-links:nth-of-type(odd)


Comments

Post a Comment

Popular posts from this blog

aws api gateway - SerializationException in posting new Records via Dynamodb Proxy Service in API -

i getting "__type": "com.amazon.coral.service#serializationexception" as reply in postman & in test console in api gateway trying post record directly dynamodb using api proxy services.. referring aws article - https://aws.amazon.com/blogs/compute/using-amazon-api-gateway-as-a-proxy-for-dynamodb/ here's mapping { "tablename": "tablenamegoeshere", "item": { "id" : "$context.requestid" "eventname" : "$input.path('$.eventname')", "timestamp" : $input.path('$.timestamp'), "answers": "$util.parsejson($input.path('$.answers'))" } } update: did asked ... , worked if try add array of json objects gives me above same error - here's trying now. please - couldnt find on google well #set($inputroot = $input.path('$')) { "tablename": "answer", "item": {
Read more

asp.net - Problems sending emails from forum -

i have been redesigning site has message board, has been written guy looked after site. it has few problems , written in .asp , uses .mdb files database. you can see whole thing here . feel free post if helps, test thing have set using original files , new database. the basic problem when posts message, supposed email sent them, have posted it. when replies, originator supposed message, replier has been posted. i’d have thought @ point in process there should script/file in postmessage.asp? the postmessage.asp page below. <% option explicit %> <!-- #include virtual="common/adovbs.inc" --> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1252"> <meta name="generator" content="microsoft frontpage 4.0"> <meta name="progid" content="frontpage.editor.document"> <title>new page 2</title> <base target="_self"
Read more