无论有多少列,我都无法弄清楚如何使网格扩展到容器的全宽
<div class="container">
<div class="row">
<div class="col-md-2 first"></div>
<div class="col-md-9 second"></div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
在上面的例子中显示 2 列内联和 .row 具有全宽。然而,如果我删除第一个 div(保持完全相同的代码),第二个 div 将改变它的位置到左边并保持原来的宽度。我需要它拉伸到容器的全宽。我需要这个的原因是因为我将有一些 php 条件表达式来阻止它显示,在这种情况下,我希望模板更改并且第二个 div 为全宽和位置在中间。
我找到了以下 CSS 的答案,它确实有效,但它也弄乱了响应式结构,我可能不得不对其进行修补,直到没有尽头:
CSS:
.row{
display: table;
width: 100%;
}
.first, .second{
display: table-cell;
float: none;
}
.second{
width: 100%;
}
Run Code Online (Sandbox Code Playgroud)
由于我是 Bootstrap 的新手,我想知道是否有任何内置类可以解决这个问题?谢谢
我想查看一个数组是否具有多次相同的值,例如:
$array=array('val1','val2','val3','val1');
Run Code Online (Sandbox Code Playgroud)
如您所见,在上面的数组中,有2 x val1.要搜索数组是否包含值,我可以使用in_array执行此操作:
$search=in_array('val1',$array);
Run Code Online (Sandbox Code Playgroud)
并且它将返回true,因为val1存在于数组中,但如果多次找到该值,则需要返回true.
我有这样的语法:
<input onkeypress="return event.charCode >= 48 && event.charCode <= 57">
Run Code Online (Sandbox Code Playgroud)
我在输入上使用它只允许数字.但现在我需要允许输入键,因为我不能再使用按钮提交表单(个人原因).现在我发现了这个:
event.charCode = 13 // allows enter key
Run Code Online (Sandbox Code Playgroud)
但我似乎无法找到如何构建onkeypress语法.任何帮助?谢谢.
我有以下表格:
资料来源:
**id | name**
1 source1
2 source2
3 source3
4 source4
Run Code Online (Sandbox Code Playgroud)
项目:
**id | name | sourceId | created_at**
1 item3 3 2018-08-09 07:28:17
2 item2 2 2018-08-09 07:30:00
Run Code Online (Sandbox Code Playgroud)
sql:
SELECT
sources.id,
sources.name
FROM
sources
LEFT JOIN
items
ON items.sourceId = sources.id
ORDER BY items.created_at DESC, sources.id
Run Code Online (Sandbox Code Playgroud)
期待:
**id | name**
2 source2
3 source3
1 source1
4 source4
Run Code Online (Sandbox Code Playgroud)
解释:
我需要一个结果,其中包含源表中的所有源,但按最近使用的源(分配给项目的源)排序。不知何故,第一个结果是源表中的结果,然后按 desc 顺序是可以在items 表,如下所示:
真实结果:
**id | name**
1 source1
4 source4
2 source2
3 source3
Run Code Online (Sandbox Code Playgroud)
我设法用我的第二个 sql …
我有一个表,每行都有一个复选框,还有一个头复选框,用于选择所有行,当任何复选框状态更改时,它应该触发一个事件,但由于某种原因,当我使用主复选框来检查它们时,观察者不会在我取消选中它之前不会被触发:
模板:
<table>
<thead>
<tr>
<th>
<input
type="checkbox"
class="form-check-input widget-9-check"
:name="name"
v-model="areAllItemsSelected"
/>
</th>
</tr>
</thead>
<tbody>
<tr v-for="..."> //here is rowIndex
<td>
<input
type="checkbox"
class="form-check-input widget-9-check"
:value="rowIndex"
v-model="selectedItems"
/>
</td>
</tr>
</tbody>
</table>
Run Code Online (Sandbox Code Playgroud)
设置:
setup(props, {emit}) {
const selectedItems = ref([])
const areAllItemsSelected = ref(false)
watch(areAllItemsSelected, (newValue) => {
if(newValue) {
items.value.forEach((item, index) => {
selectedItems.value.push(index) //this should trigger the below watcher
})
} else {
selectedItems.value = []
}
})
watch(selectedItems, (newValue) => { //this doesn't run when …Run Code Online (Sandbox Code Playgroud) 当我在带有连接的查询构建器上使用 chunkById 时,出现以下错误:
SQLSTATE[42702]:二义性列:7 错误:列引用“id”不明确
$query = \DB::table('table1')
->select([
'table1.id'
])
->join('table2', 'table2.table1_id', '=', 'table1.id')
->orderBy('table1.id', 'DESC');
$query->chunkById(1000, function ($items) {
//do something
});
Run Code Online (Sandbox Code Playgroud)
它适用于第一个块,然后抛出错误。有没有办法指定laravel用来跟踪块的id表?
php ×2
arrays ×1
bootstrap-4 ×1
chunks ×1
css ×1
forms ×1
html ×1
laravel ×1
onkeypress ×1
postgresql ×1
sql ×1
sql-order-by ×1
syntax ×1
union ×1
vue.js ×1
vuejs3 ×1