In meiner Bootstrap-Tabelle (ich verwende slimScrole
) gibt es Datumsauswahl (jquery datetimepicker plugin) in den Datenzeilen. Wegen der jquery slimScrole
der table
äußeren div ist overflow: hidden;
. Der Datenwähler geht also in das div und kann nicht wie im Screenshot angezeigt werden. Zeigen Sie den Datepicker innerhalb des Overflow-versteckten div?
Wie könnte es das picker, dass in im Innern des overflow: hidden;
div zeigen? unten ist der Code für den Datpicker-Eingang. Der Inline-CSS-Teil stammt aus dem 0quity-Plugin jQuery slimslider
.
<div class="slimScrollDiv" style="position: relative; overflow: hidden; width: 100%; height: auto;">
<div class="table-responsive" style="overflow: hidden; width: 100%; height: auto;">
<table id="basic-datatables-schedules" class="table table-striped table-bordered" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="p-relative">
<input id="start_2559" class="form-control required shiftfromdate" type="text" value="" onkeydown="return false;" style="width:10em;" name="start">
</td>
</tr>
</tbody>
</table>
</div>
Könnten Sie bitte schreiben Sie Ihren Code hier arbeiten? Eine Sache, die wir vorschlagen könnten, ist, den 'z-index' Ihres' datepicker's zu erhöhen, indem Sie das obige Bild sehen. –
@GuruprasadRao 'z-index' funktioniert nicht wegen' overflow: hidden; '. – Miuranga
Ich habe eine kleine Geige gemacht, die versucht, das Szenario zu replizieren, aber es scheint gut zu funktionieren https://jsfiddle.net/5yszqxjo/ .. Wenn dies nicht das ist, was Sie vorhaben, aktualisieren Sie die Geige mit tatsächlichen Szenario! – semuzaboi